水墨 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": "水墨 Theme Light",
  "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 → 选择水墨丹青