Zed Editor 테마 빌더

1 hour ago 1

Zed의 Theme Builder는 전체 기능을 사용하려면 데스크톱에서 열어야 하며, 웹에서는 View Theme Extensions로 사용 가능한 테마 확장을 둘러볼 수 있음
편집 화면은 Colors와 Syntax로 구성되며, 색상은 Surface, Border, Text, Icon, Editor, Navigation, Terminal, Players 등 여러 카테고리로 나뉨
Surface 카테고리에는 Background, Surface Background, Elevated Surface Background, Panel Background 같은 세부 값이 있으며, Background는 #3b414dff, Surface Background는 #2f343eff로 표시됨
일부 테마 값은 직접 색상 코드가 아니라 다른 값에 연결되며, Elevated Surface Background와 Panel Background는 surface.background, Panel Focused Border와 Pane Focused Border는 border.focused에 연결됨
미리보기에는 Create New Theme, Reset, Import, Export 같은 작업 버튼과 scheduler.tsx, catware.rs, TypeScript/React 진단, zed.dev — zsh, Version: 1.1.7, 9 Changes 같은 편집기 상태가 함께 표시됨

편집 가능한 색상 범위

색상 카테고리는 Surface, Border, Text, Icon, Editor, Navigation, Element, Ghost Element, Drop Target, Tabs, Scrollbar, Minimap, Status, Version Control, Terminal, Players 등으로 나뉨
Surface 항목에는 Background, Surface Background, Elevated Surface Background, Panel Background, Panel Focused Border, Panel Indent Guide, Panel Overlay Background, Pane Focused Border 같은 세부 값이 보임
직접 색상 코드로 표시되는 값과 다른 값에 연결되는 값이 함께 있으며, Background는 #3b414dff, Surface Background는 #2f343eff로 표시됨
Elevated Surface Background와 Panel Background는 surface.background, Panel Focused Border와 Pane Focused Border는 border.focused에 연결됨

작업 버튼과 미리보기 상태

화면에는 Create New Theme, One / One Dark, Reset, Import, Export 같은 테마 작업 버튼이 보임
테마 미리보기에는 scheduler.tsx, catware.rs 같은 파일 탭과 zed.dev main/main 저장소 상태가 표시됨
코드 미리보기는 TypeScript/React 예제이며, couldHaveBeenAnEmail 미사용 경고, string을 number에 할당하는 타입 오류, atendees 대신 attendees 사용 제안, agendaItem을 const로 선언할 수 있다는 진단이 함께 표시됨
터미널 미리보기에는 zed.dev — zsh, Editor: Zed, Version: 1.1.7, Platform: macOS가 표시됨
버전 관리 미리보기에는 9 Changes, Stage All, Tracked, Untracked, Fetch, Commit Tracked, 커밋 메시지 Fixed the thing that broke the thing이 보임

Read Entire Article