当敦煌壁画遇上 VS Code：我用古风色系开发了编程主题

Eric_见嘉2025-03-10 20:29

最近去看了敦煌展、园博园的古刹，觉得配色极佳，于是花了 2 个周末开发了一个 VS Code 主题扩展 Ancient China Theme。

欢迎加入技术交流群。

灵感溯源

这个主题设计了两个风格，一个是暖色调的 Ancient Temple（古刹），比如砖红和暖金来自寺庙的朱漆门柱与鎏金装饰。

另一个是冷色调的 Mogao Grottoes（莫高窟），以敦煌壁画为灵感，采用冷色调，融入群青、矿物绿等色彩，呈现出洞窟壁画的神秘感。

色彩设计

古刹主题

json 复制代码

"colors": {
  "editor.background": "#2A2826", // 编辑器背景色：暗褐色
  "editor.foreground": "#E8E4D9", // 编辑器前景色：米白色
  "titleBar.activeBackground": "#8B2A1C", // 活动标题栏背景：砖红色
}

砖红色 (#8B2A1C)：源自古建筑中常见的红漆柱，象征喜庆与庄重
暗褐色 (#2A2826)：模拟古建筑内部木质结构的沉稳色调
金黄色 (#D4AA5A)：灵感来自佛像与寺庙装饰的金色元素

莫高窟主题

json 复制代码

"tokenColors": [
  {
    "scope": ["keyword", "storage.type", "storage.modifier"],
    "settings": {
      "foreground": "#4A7DAC" // 蓝色 - 敦煌壁画中常见的群青色
    }
  },
  {
    "scope": ["entity.name.type", "entity.name.class"],
    "settings": {
      "foreground": "#4CAF8F" // 孔雀绿 - 壁画中常见的绿色调
    }
  }，
  {
    "scope": ["entity.other.attribute-name"],
    "settings": {
      "foreground": "#E67E54" // 赭石色 - 敦煌壁画常用的红土颜料色
    }
  }
]