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

Opal Mist Theme

lilin

| (0) | Free
Soft lavender gray, mist blue, pale green and cream in coordinated light and dark themes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
Opal Mist Theme
VS Code Theme

Opal Mist Theme

Soft lavender gray, mist blue, pale green and cream in coordinated light and dark variants.

柔和的薰衣草灰、雾蓝、淡绿与奶油色,提供明暗两套协调配色。

Preview / 预览

Light / 浅色

Light

Dark / 深色

Dark

The previews are rendered from the theme JSON, so they match the installed theme exactly.

预览图由主题 JSON 直接渲染生成,与实际安装后的效果一致。

Palette / 色板

Role Light Dark
Editor background #EEF1DA #242936
Foreground #3E4658 #E7EAD9
Accent #626B94 #BDC2E5
Selection #D5D8EB #4B5270
Line highlight #E3E9D4 #2D3441

Install / 安装

From the Extensions view (Ctrl+Shift+X), search for Opal Mist Theme, or run:

在扩展面板(Ctrl+Shift+X)中搜索 Opal Mist Theme,或执行:

ext install lilinhuang.opal-mist-theme

To install from a packaged file, run Extensions: Install from VSIX... and select opal-mist-theme-1.0.0.vsix.

如需从本地安装包安装,运行 Extensions: Install from VSIX... 并选择 opal-mist-theme-1.0.0.vsix。

Activation / 启用

Open the Command Palette (Ctrl+Shift+P), run Preferences: Color Theme, and choose Opal Mist Theme Light or Opal Mist Theme Dark.

打开命令面板(Ctrl+Shift+P),运行 Preferences: Color Theme,选择 Opal Mist Theme Light 或 Opal Mist Theme Dark。

Development / 开发

Open this folder and press F5 to preview in an Extension Development Host. Regenerate the store previews with:

打开本文件夹并按 F5 在扩展开发宿主中预览。重新生成商店预览图:

python scripts/generate-store-screenshots.py
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft