Luoshen Mistglass · 洛神雾璃
洛神染雾,琉璃映夜。
洛神雾璃是一款以暖调紫檀、玫瑰雾色和半透明磨砂界面为核心的
Visual Studio Code 深色主题。它基于 Rosé Pine 的 MIT 配色基础,重新设计了
工作台透明层次、代码语义高亮、Python 渲染以及 Markdown Preview Enhanced
配套样式。
A rose-tinted frosted-glass theme for Visual Studio Code, featuring refined
semantic highlighting and a warm aubergine palette.

设计特色
- 编辑器、侧边栏、面板、终端、菜单、快速选择、悬浮提示、通知和 Peek
视图均采用分层半透明表面。
- 语义高亮区分模块、类型、函数、成员、参数、常量、装饰器和普通变量。
- 针对 Python 优化
torch.Tensor、导入路径、类型注解、内置对象、self、
关键字参数和魔术方法的显示层次。
- 支持 Markdown 行内公式
$...$ 与行间公式 $$...$$ 的定界符高亮。
- 提供 Markdown Preview Enhanced 配套 Less 样式。
- 包含原创洛神花图标和低干扰深色壁纸。
- 提供按需设置向导;修改全局设置前会明确确认、自动备份,并支持一键恢复。
安装
从 VS Code Marketplace 安装
在扩展视图中搜索:
@id:penry.luoshen-mistglass
也可以使用命令行:
code --install-extension penry.luoshen-mistglass
安装完成后,打开 首选项:颜色主题,选择 Luoshen Mistglass。
从 VSIX 安装
在项目根目录执行:
npm ci
npm run validate
npm run test:extension
npm run package
code --install-extension luoshen-mistglass-0.2.1.vsix
命令面板
按下 Ctrl+Shift+P,搜索 洛神雾璃:
- 洛神雾璃:打开设置向导:在一个选择面板中访问全部配套功能。
- 洛神雾璃:应用推荐设置:预览并确认 21 项编辑器与终端设置后再写入全局配置。
- 洛神雾璃:恢复应用前设置:恢复首次应用推荐设置前保存的全局值。
- 洛神雾璃:查看配套壁纸:在 VS Code 中打开扩展内置壁纸。
- 洛神雾璃:打开 MPE 样式:打开配套 Markdown Preview Enhanced Less 文件。
- 洛神雾璃:复制 MPE 样式路径:复制当前安装目录中的样式绝对路径。
扩展只会在执行上述命令时激活。它不会向 VS Code 注入非官方 CSS,也不会在
未经确认时修改用户设置。
核心配色
| 用途 |
色值 |
| 基础背景 Base |
#191724 |
| 表面 Surface |
#1F1D2E |
| 浮层 Overlay |
#26233A |
| 正文 Text |
#E0DEF4 |
| 玫瑰红 Love |
#EB6F92 |
| 琥珀金 Gold |
#F6C177 |
| 柔玫瑰 Rose |
#EBBCBA |
| 松石蓝 Pine |
#31748F |
| 雾青 Foam |
#9CCFD8 |
| 鸢尾紫 Iris |
#C4A7E7 |
磨砂透明效果
主题通过带 Alpha 通道的工作台颜色构建半透明层次,不会修改 VS Code 内部文件。
最终透明观感还取决于操作系统窗口合成、VS Code 窗口环境和桌面背景。
配套壁纸位于
assets/luoshen-mistglass-wallpaper.png。
壁纸中央区域刻意降低了细节与亮度,以保证半透明编辑器中的文字可读性。
Markdown Preview Enhanced
配套样式位于
styles/luoshen-mistglass-mpe.less。
推荐配置方式:
- 打开命令面板,运行 Markdown Preview Enhanced: Customize CSS。
- 将配套 Less 文件内容复制到 MPE 打开的自定义样式文件中。
- 重新打开 Markdown 预览窗口。
也可以运行 洛神雾璃:打开 MPE 样式 或
洛神雾璃:复制 MPE 样式路径,快速定位扩展内置文件。扩展升级后安装目录
可能变化,因此不建议长期依赖旧版本扩展目录的绝对路径。
本地开发
npm ci
npm run validate
npm run test:extension
npm run package
在 VS Code 中按 F5 可以启动 Extension Development Host,随后选择
Luoshen Mistglass 进行调试。
来源与许可
洛神雾璃由 BIT-Penry 创建并维护,Marketplace Publisher 为 penry。
主题使用 Rosé Pine 色板以及其部分 Visual Studio Code 基础颜色映射,并在
MIT License 许可范围内进行了重新设计。详细第三方声明见
THIRD_PARTY_NOTICES.md。
项目以 MIT License 发布。
English summary
Luoshen Mistglass is a warm, rose-tinted dark theme for Visual Studio Code.
It combines translucent workbench surfaces, carefully separated semantic
highlighting, Python-focused token rendering, an optional Markdown Preview
Enhanced stylesheet, and original companion artwork.
The theme is derived from the Rosé Pine palette and portions of its VS Code
color mappings under the MIT License. Luoshen Mistglass contains no telemetry,
does not inject unsupported CSS, and changes global settings only after explicit
user confirmation.