Iris Cloud Theme
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 深色 |
 |
 |
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.
- Search for Iris Cloud Theme in the Extensions view (
Ctrl+Shift+X / Cmd+Shift+X), or open the Marketplace page.
- 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 或更高版本。
- 在扩展面板(
Ctrl+Shift+X / Cmd+Shift+X)搜索 Iris Cloud Theme,或打开 Marketplace 页面。
- 也可以从 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。