用户主题现已在预览版中 — Zed 博客

今天，我们很高兴地宣布，您现在可以将自己的主题引入 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 上提供反馈和建议。

发推 @zeddotdev 向我们展示您为 Zed 设计的全新外观。

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