今天我们很高兴地宣布,你现在可以把自己的主题带到 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 的全新外观。
我们迫不及待地想看到你们的所有新主题!