水墨 Theme Collection

竹简 竹简书

以竹简、墨色与纸纤维质感为原点打造的浅色主题。它不是“亮白 + 高饱和”的传统浅色风格,而是更克制、更耐看的书卷光谱,适合整天编码与阅读。

Light / Eye Care Semantic Highlighting Bamboo-Inspired Palette

设计主张

深入中国传统色彩体系,从长时阅读与书写的场景出发,构建出具备“深远”意境的顶层编程光谱:竹黄温润如旧书,焦墨深邃作主文,远山淡退为注释。

在强调色上,严选绿沉(漆翠)空青(靛青)赭石朱砂紫檀,它们共同形成了高辨识度但绝不刺眼的和谐色阶,极大缓解了传统白底高饱和主题带来的视觉抗拒与干涩。

#F0E6D3

竹黄

书卷竹纹

editor.background

#3C3836

焦墨

浓墨正文

editor.foreground

#466C44

漆翠

窗内修竹

string / inserted

#1B5B6B

靛青

雨后远山

function / method

#8B4B34

赭石

古木夕阳

keyword / operator

#B04C40

朱砂

落款红印

number / boolean

#7A4050

紫檀

案头沉香

type / class

代码观感

下面示例对应主题中的真实语法色位,强调“结构先读懂,再看细节”的阅读顺序。涵盖 JSON、JavaScript 与 Java。

settings.json
{
"workbench.colorTheme": "竹简",
"editor.fontSize": 14,
"editor.semanticHighlighting.enabled": true,
"window.zoomLevel": 1
}
main.js
// 初始化渲染器
import { Renderer } from './core.js';
function initTheme(options) {
const app = new Renderer(options);
return app.mount('#app');
}
initTheme({ mode: 'light' });
Parser.java
@Override
public String parseNode(ASTNode node) {
boolean isValid = true;
if (node.isEmpty()) {
System.out.println("Node empty");
return null;
}
return node.value;
}

护眼与层级策略

正文优先

主文本使用低蓝光深墨色,与竹纸背景形成稳定对比,不靠高饱和抢注意力。

强调克制

关键词、函数、字符串三组强调色分工明确,但明度接近,减少跳色负担。

语义增强

扩展 readonly、decorator、defaultLibrary 等语义 token,提升 TypeScript 等语言可读性。

全天候使用

选中态、行高亮与 hover 均采用温和纸阶层次,降低频繁切换焦点时的眼压。

Cmd/Ctrl + K → Cmd/Ctrl + T → 选择 竹简