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

Iris Cloud Theme

lilin

|
3 installs
| (0) | Free
Soft ice blue and lavender in calm, cloud-inspired light and dark themes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Iris Cloud Theme logo

Iris Cloud Theme

VS Code Theme version 1.0.0 Light and Dark variants License: Non-Commercial

A calm, cloud-inspired theme: soft ice blue and lavender iris over a porcelain white editor in the light variant and over a deep indigo editor in the dark one. Both variants are cut from one palette, so switching changes the light level rather than the character of the workspace.

一套安静的云系主题:浅色版是瓷白的纸面,深色版是深靛蓝的底子,两者都用柔和的冰蓝与鸢尾紫点缀。明暗两套变体共享同一套色板,切换时改变的是明暗而非气质,工作区始终保持低噪、柔和的晨云感。

Preview / 预览

Light 浅色 Dark 深色
Iris Cloud Theme Light Iris Cloud Theme Dark

Both previews are captured from a real VS Code window running the theme — no mockups.

上方预览图取自真实运行该主题的 VS Code 窗口截图,非模拟图。

Palette / 色板

Role Light Dark
Editor background #F9FAFF porcelain white #242638 deep indigo
Foreground #39445D ink blue #E1E4F5 pale mist
Muted text / placeholders #737288 #807F9B
Side bar #F0F3FC with #46516C text #1F2233 with #BDC6E3 text
Panel / terminal #F3F5FC #202335
Title bar #EDF0FA with #414A66 text #1B1D2D with #CDD2EA text
Tab bar / inactive tab #E9EDF9 #1B1E2E
Active tab indicator #9C8ACD #C3B4EE
Activity bar #E4E9F7 with #6677B1 icons #181B2B with #D6D9FD icons
Status bar #DCE5F8 with #455477 text #30354F with #D6DDF5 text
Selection #D1E2FD ice wash #465578 slate blue
Current line #EEF2FC #2D3249
Borders / indent guides #CFCDE2 / #D8D6E7 #313142 / #323342
Button #D6D9FD with #39466B text (hover #C5CDF5) #D6D9FD with #292D49 text (hover #E2DAFE)
Badge #7385B7 with white text #CCEDFC with #29364C text
Cursor #737AB9 #D6D9FD
Links #477A9D #ABD8EF
Errors / warnings #B65353 / #947223 #E99B91 / #E5CD83
Git added / modified / deleted #4B4C93 / #5E3CA1 / #B65353 #908DDB / #AA8FE3 / #E99B91

Ice blue #D1E2FD, iris violet #9C8ACD, ink blue #39445D and lavender #E2DAFE carry both variants, so a file still reads as "iris cloud" after switching.

冰蓝 #D1E2FD、鸢尾紫 #9C8ACD、墨蓝 #39445D 与淡紫 #E2DAFE 贯穿明暗两版,切换后整个文件依然是同一份「鸢尾晨云」气质。

Syntax mapping / 语法映射

Syntax Light Dark
Comments #8792AD italic #949FBE italic
Keywords / storage #7664A2 iris #D6BEEE lilac
Strings #44768C steel blue #CCEDFC ice blue
Regexp #8F6AA2 #D9B5EB
Escapes #9B7954 #E8C79B
Numbers / constants #927149 amber #E8CEA6 sand
Types / classes #7868AD #E2DAFE
Functions / methods #506FA5 #B9D4F7
Properties #557998 #D1E2FD
Variables #39445D #E1E4F5
Parameters #697399 #C5CDE8
Operators #7180A0 #B4BEDC
Punctuation #8792AD #949FBE
Tags / headings #6979B0 #D6D9FD
Attributes #8E709E #EFDFFE
Invalid #B65353 #E99B91

Keywords stay iris violet, strings stay blue and numbers stay amber-sand in both variants, so the syntax keeps its identity whichever variant you use.

关键字在浅色下是鸢尾紫、深色下是淡丁香紫,字符串始终保持蓝色系,数字始终保持琥珀与砂金,两套变体的语法读感一致。

Coverage / 覆盖范围

Every surface below is themed in both variants:

  • Editor — background, foreground, selection and inactive selection, current-line highlight, word and selection highlights, find match and find highlight, bracket-match background and border, cursor, line numbers (plus the active line number), indent guides, whitespace, errors, warnings and info.
  • Workbench chrome — activity bar, badge and active border, title bar (active and inactive), side bar with section headers and border, status bar (normal, no-folder and debugging states), editor group header and tabs (active, inactive, hover, modified border and active top border).
  • Panels and overlays — panel, editor widgets, hover widget, suggest widget, dropdowns, inputs and placeholder text, notifications, quick input, and the focus border.
  • Lists — active, inactive and hover selection backgrounds, plus the highlight and focus-highlight colors, and tree indent guides.
  • Terminal — background, foreground and the full 16-color ANSI palette, matched to the theme.
  • Details — workbench borders, scrollbar sliders, git decoration colors (added / modified / deleted) with their gutter markers, buttons, badges, and semantic token colors for function, method, class, type, string, number, keyword and comment.

Diff editor colors are themed as well; peek view, breadcrumbs, minimap, debug toolbar and the settings UI intentionally keep VS Code's defaults.

以下区域在两套变体中均已配色:编辑器本体(选区与失焦选区、当前行、词/选区高亮、查找匹配与高亮、括号匹配、光标、行号、缩进线、空白符、错误/警告/提示);活动栏与角标、标题栏、侧边栏(含分节标题)、状态栏(含无文件夹与调试态)、标签栏;面板与各类浮窗(悬停、建议、通知、快速输入)、下拉与输入框、列表选中/悬停/高亮、树缩进线;终端 ANSI 全色;全部边框与滚动条、Git 装饰色与 gutter 标记、按钮与角标,以及函数/方法/类/类型/字符串/数字/关键字/注释的语义高亮。差异编辑器同样已配色;peek 视图、面包屑、缩略图、调试工具栏与设置界面保留 VS Code 默认样式。

Features / 功能

  • Two coordinated variants — Iris Cloud Theme Light and Iris Cloud Theme Dark ship in one extension.

  • One cloud palette — porcelain white and deep indigo surfaces with ice blue, lavender and amber accents.

  • Readable syntax colors — iris keywords, blue strings, amber and sand numbers, tuned for contrast on both backgrounds.

  • Semantic highlighting enabled, so language-aware tokens are colored beyond the classic TextMate scopes.

  • Terminal ANSI colors taken from the same palette, so the integrated terminal sits inside the theme.

  • 明暗两套协调变体——同一扩展内含 Iris Cloud Theme Light 与 Iris Cloud Theme Dark。

  • 一套云系色板——瓷白与深靛蓝底,配冰蓝、淡紫与琥珀点缀。

  • 可读的语法配色——鸢尾紫关键字、蓝色系字符串、琥珀与砂金数字,在明暗底色上均保持对比。

  • 启用语义高亮,在传统 TextMate scope 之外为语言感知的 token 着色。

  • 终端 ANSI 配色取自同一色板,集成终端与主题融为一体。

Installation / 安装

Requires VS Code 1.80 or newer.

  1. Search for Iris Cloud Theme in the Extensions view (Ctrl+Shift+X / Cmd+Shift+X), or open the Marketplace page.
  2. Or install from a VSIX: download iris-cloud-theme-1.0.0.vsix, open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and run Extensions: Install from VSIX....

需要 VS Code 1.80 或更高版本。

  1. 在扩展面板(Ctrl+Shift+X / Cmd+Shift+X)搜索 Iris Cloud Theme,或打开 Marketplace 页面。
  2. 也可以从 VSIX 安装:下载 iris-cloud-theme-1.0.0.vsix,打开命令面板(Ctrl+Shift+P / Cmd+Shift+P),运行 Extensions: Install from VSIX... 并选择该文件。

Or from the command line:

或使用命令行:

ext install lilinhuang.iris-cloud-theme

Activation / 启用

Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P), run Preferences: Color Theme, and choose Iris Cloud Theme Light or Iris Cloud Theme Dark.

To switch between the two variants quickly, use the keyboard shortcut Ctrl+K Ctrl+T at any time.

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

随时可用快捷键 Ctrl+K Ctrl+T 在两套变体之间快速切换。

Development / 开发

Open this folder in VS Code and press F5 to launch an Extension Development Host with the theme loaded. Regenerate the real-window preview screenshots with:

在 VS Code 中打开本文件夹并按 F5,在扩展开发宿主中预览主题。重新生成真实窗口预览图:

python3 scripts/capture-real-screenshots.py

The script builds a throwaway VS Code profile, installs this theme into it, opens the sample project under scripts/demo-project and captures the window for both variants into store-assets/screenshots/en/.

脚本会临时创建一个独立的 VS Code 配置目录,把本主题装进去,打开 scripts/demo-project 示例工程,并把两套变体的窗口截图输出到 store-assets/screenshots/en/。

Check a build before publishing:

发布前自查:

python3 scripts/validate.py

It refreshes COLOR-SPEC.md from the theme JSON files, verifies that every color value is a valid hex code, checks that the screenshot edges match titleBar.activeBackground, and — when a .vsix is present — verifies the manifest publisher, version and theme entries.

脚本会依据主题 JSON 重新生成 COLOR-SPEC.md,校验所有颜色值均为合法十六进制,检查截图首行/首列与 titleBar.activeBackground 一致,并在存在 .vsix 时校验清单里的发布者、版本与主题条目。

Package the extension with:

打包扩展:

vsce package

License / 许可

Released under the Non-Commercial License — licensed for personal, educational and non-commercial use. See LICENSE for details.

基于 Non-Commercial License(非商业使用许可) 发布,可用于个人、教育及非商业用途,详见 LICENSE。

Feedback / 反馈

Found an unthemed area or want a tweak? Open an issue at github.com/vaxicy/iris-cloud-theme/issues.

发现没有配色的区域或想调整某处颜色,欢迎在 GitHub Issues 反馈。

Publisher / 发布者

Published by lilinhuang on the Visual Studio Code Marketplace.

由 lilinhuang 发布于 Visual Studio Code Marketplace。

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