Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Matcha Ivory ThemeNew to Visual Studio Code? Get it now.
Matcha Ivory Theme

Matcha Ivory Theme

lilin

|
14 installs
| (0) | Free
A calm matcha green and warm ivory theme, with light and dark variants.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Matcha Ivory Theme logo

Matcha Ivory Theme · 抹茶象牙

VS Code 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 · 预览

Matcha Ivory Light Matcha Ivory Dark

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 · 从应用市场

  1. Open the Extensions view (Ctrl+Shift+X).
  2. Search for Matcha Ivory Theme.
  3. Click Install, then pick the theme with Ctrl+K Ctrl+T.

From VSIX · 本地安装

  1. Run Extensions: Install from VSIX from the Command Palette (Ctrl+Shift+P).
  2. Select matcha-ivory-theme-1.0.1.vsix.
  3. 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. 非商业使用许可。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft