Dawn Owl Light

一个基于 Night Owl Light(作者 Sarah Drasner)的浅色 VS Code 主题。在原样保留 Night Owl Light 语法配色的基础上,叠加了经典深灰活动栏 + 蓝色状态栏,以及圆角 / 活动-非活动高度差标签等美化。

特性

• 语法配色:基于 Night Owl Light —— 关键字紫 #994cc3、函数蓝 #4876d6、数字品红 #aa0982、注释灰 #989fb1
• 无斜体(v0.6):全主题移除 fontStyle: italic,关键字 / 注释 / 函数等不再变细变斜
• 字符串:舒适绿 #22863A
• 对象键名:蓝灰 #0B7CAD(v0.9.1+),通过 constant.other.object.key.* 精确匹配,与字符串明显区分
• 模板插值:保持 #4876d6 蓝,与字符串主体区分
• 经典两栏:活动栏深灰 #333333、状态栏蓝 #007ACC
• 标签页:活动标签与编辑区融合 + 顶部蓝条,非活动标签压暗(v0.3+)
• v0.4 增强 token:彩虹括号、活动缩进线、Sticky Scroll 配色、括号配对高亮、符号图标配色、minimap / 滚动条 accent、inlay hint 柔化等
• 可选:圆角 + 活动标签满高 / 非活动标签矮一截(需 custom-css 扩展注入 custom.css)

安装

code --install-extension dawn-owl-1.0.0.vsix --force

安装后 Ctrl+K Ctrl+T 选择 Dawn Owl Light。

推荐设置(获得最佳效果)

"editor.bracketPairColorization.enabled": true,
"editor.bracketPairColorization.independentColorPoolPerBracketType": true,
"editor.guides.bracketPairs": true,
"editor.guides.highlightActiveIndentation": true,
"editor.cursorBlinking": "smooth",
"editor.cursorSmoothCaretAnimation": "explicit",
"editor.smoothScrolling": true,
"editor.minimap.renderCharacters": false,
"editor.scrollbar.verticalSliderSize": 10,
"editor.renderLineHighlight": "all",
"editor.stickyScroll.enabled": true,
"window.titleBarStyle": "custom",
"window.dialogStyle": "custom"

可选:圆角 + 高度差标签

VS Code 只开放标签颜色,不开放圆角与每标签高度。要实现需向 workbench 注入 CSS:

1. 安装 Custom CSS and JS Loader
2. 在 settings.json 指向 custom.css:

   "vscode_custom_css.imports": ["file://${workspaceFolder}/custom.css"]
   

3. 以管理员身份运行 VSCode → 命令面板 Enable Custom CSS and JS → 重启
4. 若提示 "corrupted",点 Don't show again

每次 VS Code 升级或改了 custom.css,需重新 Reload Custom CSS and JS(管理员)+ 重启。

调色板

开发

# 调试:在仓库根目录按 F5 启动扩展开发宿主
# 打包:
npx --yes @vscode/vsce@latest package --no-dependencies --allow-missing-repository

版本

• 1.0.0 字符串恢复为绿 #22863A,与对象键名蓝灰 #0B7CAD 形成清晰区分
• 0.9.1 修复对象键名:通过 scope inspector 确认键名为 constant.other.object.key.js string.unquoted.js,新增精确规则染为蓝灰 #0B7CAD
• 0.9.0 字符串色改为深紫 #6F42C1
• 0.8.1 修复 JS/TS 未加引号对象键名规则,使用 meta.object-literal.key variable.other.readwrite.js 等高优先级 scope
• 0.8.0 字符串恢复为绿 #22863A;新增对象键名规则,使用蓝灰 #0B7CAD
• 0.7.0 字符串色由绿 #22863A 改为琥珀 #C4621A
• 0.6.0 移除全主题斜体(fontStyle: italic → ""),代码不再变细变斜;bold 保留
• 0.5.0 字符串色由酒红改为绿 #22863A(含模板 ${} 插值)
• 0.4.0 新增彩虹括号 / Sticky Scroll / 活动缩进线 / 符号图标等 token
• 0.3.x 标签页配色增强(活动融合 + 蓝条 + 非活动压暗)
• 0.1.0 初始版本

致谢

基于 Night Owl by Sarah Drasner。

License

MIT