水墨 Theme Collection

水墨丹青水墨画

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

Light / Eye Care Semantic Highlighting Ink-Wash Palette

印

设计主张

深入中国传统色彩体系，从长时阅读与书写的场景出发，构建出具备“深远”意境的顶层编程光谱：宣纸温润如旧书，宿墨深邃作主文，浓墨淡退为点缀。

在强调色上，严选苔绿、石青、青金石与朱磦，它们共同形成了高辨识度但绝不刺眼的和谐色阶，极大缓解了传统白底高饱和主题带来的视觉抗拒与干涩，展现真正的水墨格调。

#F1EAD3

宣纸

微黄纸张

editor.background

#3A3631

宿墨

浓墨正文

editor.foreground

#2F6B57

苔绿

雨后青苔

string / inserted

#2F6488

石青

水墨点染

function / method

#24445E

浓墨

深蓝墨韵

keyword / operator

#B2473E

朱磦

落款红印

number / boolean

#3E5F99

青金石

矿物颜料

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 → 选择水墨丹青