Shroom Space Theme

一款具有无障碍功能变体和运行时特性的 VS Code 颜色主题。包含 7 种主题配置，支持用户自定义强调色、自动深/浅色切换、WCAG 2.1 AA 合规，以及 9 种导出格式。

code --install-extension wyattau.shroom-space-theme

可用主题

Shroom Space

dark

基础深色主题。紫/青/绿色调色板，搭配暖琥珀色常量。

Shroom Space Light

light

浅色变体，采用暖大地色背景和柔和的强调色。

Deuteranopia

dark

针对绿色弱（Deuteranopia）色觉缺陷适配。蓝色偏移补充，避免红绿混淆。

Protanopia

dark

针对红色盲（Protanopia）色觉缺陷适配。珊瑚色偏移的错误提示，搭配蓝色补充。

Tritanopia

dark

针对蓝黄色觉缺陷（Tritanopia）适配。粉/青偏移强调色，搭配绿色字符串。

Monochrome

dark

灰度调色板。错误指示器使用亮度对比。最大化文本清晰度。

High Contrast

最大对比度。纯黑背景。完全符合 WCAG AAA 标准。

基础深色调色板

角色	色值	用途
背景色	`#24212E`	编辑器背景
前景色	`#CCC8D9`	默认文本
强调色（紫色）	`#BE9AF7`	关键字、徽章
强调色（青色）	`#74D7C8`	函数、信息
强调色（绿色）	`#A6C18B`	字符串、新增内容
强调色（琥珀色）	`#E8C990`	常量、类型
强调色（红色）	`#E68484`	错误、删除内容
柔和色	`#726D89`	注释、禁用状态

安装

在 VS Code 扩展面板中搜索 "Shroom Space"，或通过命令行安装：

code --install-extension wyattau.shroom-space-theme

通过 Ctrl+K Ctrl+T（macOS：Cmd+K Cmd+T）选择主题。

手动安装

从发布页下载最新的 .vsix 文件。
运行：code --install-extension shroom-space-theme-*.vsix

开发

前置要求：Node.js 24+、npm 10+、VS Code 1.120.0+。

命令	说明
`npm run compile`	TypeScript 编译
`npm run lint`	ESLint 严格规则检查
`npm run validate`	主题 JSON 验证
`npm test`	完整流水线（编译 + lint + 验证 + 92 项测试）

功能特性

WCAG 2.1 AA 对比度合规（全部 7 种主题）
视觉回归测试（7 项 Playwright 测试）
多编辑器导出（9 种格式：TextMate、JetBrains、Vim、Windows Terminal、iTerm2、Warp、Alacritty、Kitty、CSS）
每种主题 1049 个颜色令牌，共 20 款主题（覆盖 100% 的已知 VS Code API）
每种主题 81 个 tokenColors 条目
每种主题 57 条 semanticTokenColors 规则

下载

主题导出支持 9 种终端/编辑器格式：

格式	兼容
`.css`	Web（CSS Custom Properties）
`.tmTheme`	Sublime Text、TextMate、Atom
`.icls`	IntelliJ、WebStorm、PyCharm、GoLand
`.vim`	Vim、Neovim
`.json`（Windows Terminal）	Windows Terminal
`.itermcolors`	iTerm2
`.yaml`	Warp Terminal
`.toml`	Alacritty
`.conf`	Kitty Terminal

从 GitHub Releases 下载。

扩展设置

设置项	可选值	默认值	说明
`shroom-space.accentColor`	default, purple, teal, green, amber, red, pink, cyan	default	覆盖主强调色
`shroom-space.autoSwitch`	true, false	false	根据 VS Code 颜色主题自动切换深/浅色

主题预览器

主题：强调色：

// Theme preview - Shroom Space
const result = 42;
function greet(name: string): string {
  if (name === "hello world") {
    console.log(name);
    return "matched";
  }
  return data ? true : false;
}
      