把 VSCode 变成一间 kimi-to 风格的读书房——拿来读小说、读长文、读 Markdown。 近黑底 + 金线浮雕,左侧是可拖动、可折叠的描金仪表盘(目录 / 进度 / 钉记 / 提醒 / 印记 / 电台),中间是书页,右边留给你的 AI 助手。
这是一套 VSCode 注入主题(Custom CSS/JS),不是扩展商店里的 color theme。 纯前端、零构建:几个
.css/.js文件 + 几行 settings 即可。
- 描金皮肤
theme.css:暖夜近黑底、金标题栏/侧栏/书页框/滚动条、图标统一描金、角落金藤纹、隐藏文件名/路径条让书页贴顶。 - 描金仪表盘
dashboard.js(左侧浮层,可整体滚动 / 一键折叠成金狐手柄):- 目录 —— 点章名设为当前章;进度条 +
N / 总数实时跟随;支持「跳到第 N 章」输入框;记住你读到哪(localStorage)。 - 钉记 / 摘抄 / 提醒 —— 全部 点一下就能改、可增删、自动持久。
- 印记 —— 金线狐 / 玫瑰徽章(旋转封缄环)。
- 电台 —— 独立可拖浮窗,真放在线电台流,多台可切(lo-fi / trance / 古典 / 古风 / 华语),转盘金点 + 走时 + live。
- 目录 —— 点章名设为当前章;进度条 +
- 狐玫纹章
widgets/emblem.js:呼吸、可拖的角标。 - 所有浮窗位置、折叠状态、阅读进度都记在浏览器本地,重开还在。
在 VSCode 扩展面板搜索并安装 「Custom CSS and JS Loader」(be5invis.vscode-custom-css)。
把本仓库克隆/下载到一个固定位置,例如 C:\Users\you\mucha-reader\。
打开 settings.json,参照 settings.snippet.jsonc 填入 vscode_custom_css.imports(把 <你的路径> 换成你的绝对路径),并复制推荐的排版 + 配色。
💡 强烈建议单独建一个「读书」Profile(VSCode 右下角齿轮 → Profiles),把这些设置放进去,不污染你写代码的环境。
命令面板(Ctrl/Cmd+Shift+P)→ Enable Custom CSS and JS → 完全退出 VSCode 再重开(不是 Reload Window)。
之后每次改了这些 .css/.js,运行 Reload Custom CSS and JS 再彻底重开即可。
- 西文 chrome 字体:Cormorant Garamond
- 中文正文:Noto Serif SC 或 霞鹜文楷 LXGW WenKai 装到系统字体即可;没装会自动回退到系统衬线体。
- 用 VSCode 打开你自己的
.txt小说 → 就是书页。 - 想让侧栏目录显示真实章名:复制
chapters.example.js为chapters.js,填入你的章名,并在 imports 里排在dashboard.js之前。 - 正文搜索直接用 VSCode 自带
Ctrl/Cmd+F。 - 左侧仪表盘:点目录章名 = 设为当前章;钉记/提醒/摘抄点一下改;电台 ‹ › 切台。
- 折叠:仪表盘左上角
«;屏幕左缘的金狐手柄»展开。
- 配色:所有金色集中在
theme.css/dashboard.js顶部的 CSS 变量(--gold系列、--rose系列)。 - 图标:
icons-data.js是从通用素材生成的金色狐/玫瑰(base64)。想换成你自己的图,替换其中的 data-URI 即可。 - 电台台单:
dashboard.js里的STATIONS数组,按格式加行即可(流地址会变动,失效就换源)。
- 本仓库不含任何小说正文 / 受版权保护的章节目录——示例目录与示例文本均为占位,请放你自己合法持有的书。
- 电台为第三方公开流(SomaFM / 1.FM / RauteMusik / Venice Classic 等),可用性不保证、可能随时变更;请遵循各服务的使用条款。失效就在
dashboard.js的STATIONS里换源。 - 注入式主题会修改 VSCode 的
workbench.html(由 Custom CSS 扩展完成);VSCode 升级后可能需要重新 Enable Custom CSS and JS。
配色与气质源自一个私人的「night」主题房间,kimi-room。 桌宠、个人立绘等私有素材未包含在内。
MIT · 随意使用、修改、分享。


