XK Theme Studio
一个功能丰富的 VSCode / Cursor 主题扩展,内置 10 款高颜值安全色预设,支持自定义颜色微调和背景图片。
安装后在扩展详情页点击 Get Started 按钮,或 Ctrl+Shift+P → XK Theme: Open Theme Panel 即可开始使用。
✨ 功能特性
🎨 10 款安全色预设主题
5 款深色 + 5 款浅色,均通过 WCAG 可访问性标准,色彩饱和、文字清晰:
| 主题 |
风格 |
描述 |
| XK Dark Dracula |
🌙 深色 |
全球最受欢迎暗色主题,紫粉绿三色高饱和撞色,视觉冲击力极强,深夜写代码首选 |
| XK Dark Tokyo Night |
🌙 深色 |
灵感来自东京霓虹夜景,深蓝底配蓝紫点缀,科技感十足,层次清晰不压眼 |
| XK Dark Catppuccin Mocha |
🌙 深色 |
猫咪系列暗色旗舰,暖棕底配马卡龙粉紫蓝,柔和不刺眼,治愈系首选 |
| XK Dark Monokai Pro |
🌙 深色 |
经典 Monokai 加强版,近白前景配红黄绿青高饱和,对比鲜明,能量感爆棒 |
| XK Dark Gruvbox |
🌙 深色 |
复古暖木风,奶油前景配砖红亮黄橄榄绿,古朴不单调,久用零疲劳 |
| XK Light Catppuccin Latte |
☀️ 浅色 |
猫咪系列浅色旗舰,奶咖米底配深紫深蓝点缀,温润护眼,咖啡馆氛围感 |
| XK Light GitHub |
☀️ 浅色 |
GitHub 同款浅色风格,纯白底配深色文字,极简专业,阅读代码如逛 GitHub |
| XK Light Rosé Pine |
☀️ 浅色 |
玫瑰松木黎明,暖米白底配玫金松木蓝,高雅知性,诗意满满 |
| XK Light One |
☀️ 浅色 |
Atom One Light 经典移植,纯白底配紫红绿蓝五色语法,清爽明快,百看不厌 |
| XK Light Solarized |
☀️ 浅色 |
护眼经典之作,科学调校的暖米黄底色,久看不伤眼,经典永不过时 |
🖌️ 自定义颜色
- 在任意预设基础上微调 18 种颜色角色
- 内置 24 色安全色参考板,一键取色
- 更改立即生效,无需重载窗口
🖼️ 自定义背景图片
- 拖拽或浏览上传图片(PNG / JPG / GIF / WebP)
- 调节透明度(5%–50%)
- 多种填充模式:覆盖、包含、自动、拉伸
- 多种位置选项:居中、四角等
🚀 快速开始
1. 安装插件
在 VSCode / Cursor 扩展市场搜索 XK Theme 并安装。
2. 打开主题面板
在扩展详情页点击 Get Started → 打开主题面板,
或 Ctrl+Shift+P → XK Theme: Open Theme Panel
3. 切换主题
在「预设主题」选项卡点击任意主题卡片右下角的 应用此主题 → 按钮,颜色立即生效。
4. 自定义颜色(可选)
切换到「自定义颜色」选项卡,调整各颜色角色后点击 应用自定义颜色。
5. 添加背景图片(可选)
⚠️ 需要以管理员身份运行 VSCode / Cursor
切换到「背景图片」选项卡,上传图片并点击 应用背景,重载窗口后生效。
🛠️ 命令列表
| 命令 |
说明 |
XK Theme: Open Theme Panel |
打开主题工作室面板 |
XK Theme: Apply Color Preset |
快速选择并应用预设 |
XK Theme: Reset Background Image |
移除背景图片 |
📄 License
MIT © x1ngkong
| |