入门 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 对象的核心组成部分包括:

  1. 主题元数据:
  • name:主题名称
  • appearance:"light" 或 "dark"
  1. style 下的样式属性,例如:
  • background:主背景色
  • foreground:主文字颜色
  • accent:用于高亮和强调的强调色
  1. 语法高亮:
  • syntax:包含各类语法元素(如关键字、字符串、注释)颜色定义的对象
  1. UI 元素:
  • 各种 UI 组件的颜色,例如:
    • element.background:UI 元素的背景色
    • border:不同状态(常规、聚焦、选中)下的边框颜色
    • text:不同状态(常规、弱化、强调)下的文字颜色
  1. 编辑器专用颜色:
  • 编辑器相关元素的颜色,例如:
    • editor.background:编辑器背景色
    • editor.gutter:行号槽颜色
    • editor.line_number:行号颜色
  1. 终端颜色: - 内置终端的 ANSI 颜色定义

设计你的主题

你可以使用 Zed 主题构建器,基于现有主题设计专属的自定义主题。

该工具支持对 Zed 中各界面的显示效果进行微调与预览。完成设计后,你可以导出 JSON 并上架到 Zed 扩展商店。

评论 (0)