返回博客

从 VS Code 主题到 Codex 主题:如何移植你的美学

2026-09-15

两种格式本来就不是一回事

VS Code 主题是一长串 JSON,把界面和语法标记分开描述。Codex 主题表达的是同一批概念,但键少得多,因为 Codex 需要上色的界面区域本来就少。

所以移植是翻译,不是复制。保留配色和意图,重新做映射。

能直接搬的部分

  • 背景色和前景色。这两个几乎原样迁移,而且决定了整体的调子。
  • 选区色和当前行高亮。两边角色一样,你调过的颜色还能用。
  • 主要语法色:关键字、字符串、注释、数字、函数。Codex 会把其中几类合起来,你原本就分不太清的直接合并。

必须重做的部分

  • 侧边栏和面板色阶。Codex 的界面层次更少,五级灰阶要压成两三级。
  • 边框和分隔线。VS Code 允许单独上色,Codex 一般从背景色推导。
  • 语义高亮。如果你的主题依赖语言服务器,这一层根本导不出来。

四步完成移植

  • 先把主题导出成 .tmTheme。多数主题包同时提供这个格式。
  • 导入 Codex Skin Studio,让映射器填好公共键。
  • 修被合并的键。移植在这里开始从「像旧主题」变成「像新主题」。
  • 在你最常用的界面上检查对比度,而不是在预览页高亮的那几个。

什么情况下不值得移植

如果你的 VS Code 主题是围绕某个插件搭起来的,移植之后会显得空。配色留下了,体验没留下。这种情况直接从 Codex 原生主题起步,只借你真正舍不得的那几个颜色。

常见问题

能直接把 .tmTheme 导入 Codex 吗?

可以。Codex Skin Studio 支持 .tmTheme,所以先从 VS Code 导出是最快的路。

移植后会和原来一模一样吗?

不会。界面层次不同决定了它会接近但不全等。多数人不再对比之后反而更喜欢 Codex 版本。

会不会影响我原来的 VS Code 配置?

不会。导出只是复制一份,原主题不受影响。

相关文章