dsh-darkplus-code:VS Code Dark+ 语法配色与代码块字体大小控制插件

DeepSeek Harness (DSH) 默认提供 light / dark 两套内置调色板,且代码块字体大小固定为 11px,导致代码块字体大小无法跟随用户在「设置 → 通用 → 字体大小」中调整的内容字体大小变化。dsh-darkplus-code 插件旨在解决这一视觉不一致问题,通过替换代码块调色板并接管字体大小计算逻辑,使代码块的样式与整体界面风格更加统一。

这是什么

该插件由开发者 yis94744 维护,属于「趣味换装」类工具。它仅修改代码块的语法高亮颜色和字体大小,不触及 DSH 界面的其他部分。

核心功能

  1. Dark+ 语法配色
    将代码块内置调色板替换为 VS Code Dark+ 调色板。插件会定义关键字、常量、字符串、注释、参数、标点、链接以及类型/函数等 token 的具体颜色值。

  2. 跟随字体大小
    代码块字体大小现在可以跟随全局内容字体大小设置。插件支持以下模式:
    - Follow:默认模式,代码块大小跟随内容字体。
    - Ratio:按比例缩放。
    - Fixed:固定大小。

  3. 独立设置项
    在「设置 → 通用」中新增独立的「代码块外观」配置行,用户无需修改全局设置即可单独调整代码块样式。

  4. Type/Function 颜色选择
    由于 Shiki 将 entity.name.type 和 entity.name.function 归为同一变量,插件提供两种颜色选择:Type/function teal 或 function yellow。

  5. 持久化保存
    设置会保存至本地配置文件(~/.dsh-darkplus-code/config.json),重启或更换端口后依然生效。

安装与启用

使用 DSH 官方 CLI 安装插件。

dsh plugin --profile <your-profile> add dsh-darkplus-code

安装完成后,重启 DSH 或重新加载页面,打开「设置 → 通用」,在「代码块外观」区域进行配置。

典型用法

  1. 执行安装命令。
  2. 在设置中,将代码块字体大小模式设置为「Follow」或「Ratio」。
  3. 根据喜好选择 Type/function 颜色。
  4. 查看页面左下角的实时预览数值。

适用场景与注意

  • 适用范围:仅影响代码块样式,不影响界面背景、边框、玻璃效果等其他 UI 元素。
  • 技术实现:插件通过 !important 规则覆盖 Shiki 生成的内联样式,以确保变量优先级生效。
  • 环境依赖:需要 DSH 支持 Shiki CSS Variables theme;依赖可选的 webServer 服务以实现设置持久化,若未启动该服务,插件仍可渲染样式但无法保存配置。
  • 源码与许可:安装前建议检查源码与许可证。

总结

该插件通过精细化的样式控制,优化了代码展示的视觉体验。更多细节与源码,请访问 GitHub 仓库。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜