Matcha Ivory Theme · 抹茶象牙
A calm and warm VS Code color theme that pairs soft matcha green with cozy ivory. It ships with a Light variant for daytime focus and a Dark variant for low-light comfort, sharing one consistent, nature-inspired palette.
温润清新的 VS Code 配色主题,将柔和的抹茶绿与暖象牙白融为一体。内置 浅色(Light) 与 深色(Dark) 两个变体,共用同一套自然系配色,日间专注、夜间护眼。
Preview · 预览
Light 变体(左)日间清爽柔和,Dark 变体(右)夜间低光护眼,语法高亮与 UI 配色共享同一套抹茶系调色板。
Color Palette · 配色
| Role 用途 |
Light 浅色 |
Dark 深色 |
| Editor background 编辑器背景 |
Ivory #F7F2EB |
Deep Moss #20271F |
| Sidebar / tabs 侧边栏与标签 |
Linen #EAE2D6 |
#293227 |
| Foreground 正文 |
Moss #354131 |
Ivory #F7F2EB |
| Accent (button / status bar) 强调色 |
Matcha #8B9A6E |
Matcha #8B9A6E |
| Comments 注释 |
#68715F |
#A5AF9B |
| Numbers / constants 数值 |
Copper #805A32 |
#DBBD93 |
| Classes / types 类型 |
Plum #785574 |
#CBAFCB |
| Functions 函数 |
Teal #386579 |
#A4C7D7 |
| Errors 错误 |
#A53F42 |
#E8A0A0 |
The accent matcha green #8B9A6E is shared across both variants for consistency, while the background and foreground shift between warm ivory and deep moss.
强调色抹茶绿 #8B9A6E 在两种变体间保持一致,背景与正文则在暖象牙与深苔绿之间切换。
Features · 特性
- Two coordinated variants: Matcha Ivory Light and Matcha Ivory Dark.
- Carefully tuned UI tokens for the editor, activity bar, sidebar, tabs, terminal, status bar, and widgets.
- Syntax highlighting with soft, eye-friendly contrast (comments, strings, keywords, types, functions).
- Semantic token colors for classes, functions, and parameters.
- Windows / macOS / Linux ready, no extra setup.
两种协调变体:Matcha Ivory Light 与 Matcha Ivory Dark。覆盖编辑器、活动栏、侧栏、标签、终端、状态栏与各类浮层的 UI 配色;语法高亮对比柔和护眼,并提供类、函数、参数的语义着色,开箱即用。
Installation · 安装
From VS Code Marketplace · 从应用市场
- Open the Extensions view (
Ctrl+Shift+X).
- Search for Matcha Ivory Theme.
- Click Install, then pick the theme with
Ctrl+K Ctrl+T.
From VSIX · 本地安装
- Run Extensions: Install from VSIX from the Command Palette (
Ctrl+Shift+P).
- Select
matcha-ivory-theme-1.0.1.vsix.
- Choose Matcha Ivory Light or Matcha Ivory Dark via
Ctrl+K Ctrl+T.
Development · 开发预览
Open this folder in VS Code and press F5 to launch the Extension Development Host, then select the theme to preview changes.
License · 许可
Non-Commercial License. 非商业使用许可。