入门 Zed Industries 2026-09-14 17:42:20 · 0 阅读
第133章 Zed 编辑器主题系统详解
扩展中的 themes 目录应包含一个或多个主题文件。
每个主题文件都必须符合 https://zed.dev/schema/themes/v0.2.0.json 中定义的 JSON schema。
关于主题创建的更多背景信息,请参阅这篇博客文章。
主题的 JSON 结构
Zed 主题的结构由 Zed Theme JSON Schema 定义。
一个 Zed 主题由一个 Theme Family 对象组成,包含:
name:主题族的名称author:主题族作者的名称themes:属于该主题族的主题数组
Theme 对象的核心组成部分包括:
- 主题元数据:
name:主题名称appearance:"light" 或 "dark"
style下的样式属性,例如:
background:主背景色foreground:主文字颜色accent:用于高亮和强调的强调色
- 语法高亮:
syntax:包含各类语法元素(如关键字、字符串、注释)颜色定义的对象
- UI 元素:
- 各种 UI 组件的颜色,例如:
element.background:UI 元素的背景色border:不同状态(常规、聚焦、选中)下的边框颜色text:不同状态(常规、弱化、强调)下的文字颜色
- 编辑器专用颜色:
- 编辑器相关元素的颜色,例如:
editor.background:编辑器背景色editor.gutter:行号槽颜色editor.line_number:行号颜色
- 终端颜色: - 内置终端的 ANSI 颜色定义
设计你的主题
你可以使用 Zed 主题构建器,基于现有主题设计专属的自定义主题。
该工具支持对 Zed 中各界面的显示效果进行微调与预览。完成设计后,你可以导出 JSON 并上架到 Zed 扩展商店。