← 返回博客

用户主题现已在预览版中推出

2024年1月31日

今天我们很高兴地宣布,你现在可以把自己的主题带到 Zed 预览版中!

添加主题

主题存储在 Zed 配置的 themes/ 子目录中。

~/.config/zed/themes

每个主题文件可以包含多个主题——例如亮色和暗色变体——在同一个主题系列下。

主题文件的基本结构如下所示

// ~/.config/zed/themes/my-cool-theme.json
{
  "$schema": "https://zed.rust-lang.net.cn/schema/themes/v0.2.0.json",
  "name": "My Cool Theme",
  "author": "You!",
  "themes": [
    {
      "name": "My Cool Dark Theme",
      "appearance": "dark",
      "style": {
        "editor.background": "#000"
        // ...
      }
    },
    {
      "name": "My Cool Light Theme",
      "appearance": "light",
      "style": {
        "editor.background": "#fff"
        // ...
      }
    }
  ]
}

将主题文件添加到 themes 目录中,下次 Zed 加载时,它将在主题选择器中可用。

在不久的将来,我们将让 Zed 能够自动检测 themes 目录中的更改。

修改现有主题

除了导入你的整个主题,你还可以通过 Zed 设置覆盖活动主题中的值。

// ~/.config/zed/settings.json
{
  "theme": "One Dark",
  "experimental.theme_overrides": {
    "editor.background": "#333"
  }
}

experimental.theme_overrides 中设置的更改适用于所有主题。

此外,当此设置更改时,Zed 将实时重新加载,这使得它成为在构建主题时快速迭代的好方法。

使用 VS Code 主题

如果你希望在 Zed 中使用现有的 VS Code 主题,我们在 Zed 仓库中提供了一个正在开发中的主题导入器。

请注意,你需要本地设置 Zed 开发工具链才能使用主题导入器。

你可以针对 VS Code 主题文件运行它,它将基于该文件输出一个 Zed 主题。

cargo run -p theme_importer -- ~/Downloads/vitesse-dark-soft.json

虽然生成的主题可能不会完美,但如果你想从 VS Code 导入一个主题,这可以是一个很好的起点。

去创造你的主题吧!

主题仍处于早期阶段,但我们希望你喜欢这首次体验。一如既往,欢迎在我们的 GitHub 上提供反馈和建议。

在 Twitter 上 @zeddotdev 展示你 Zed 的全新外观。

我们迫不及待地想看到你们的所有新主题!


正在寻找更好的编辑器吗?

您今天就可以在 macOS、Windows 或 Linux 上试用 Zed。立即下载


我们正在招聘!

如果您对我们博客中涵盖的主题充满热情,请考虑加入我们的团队,帮助我们实现软件开发的未来。