dsh-custom-css

DSH 的界面外观此前只能靠改源码或主题文件来调整，门槛高且容易在升级后失效。dsh-custom-css 在「设置 → 通用」的外观下方新增一行「自定义 CSS」：样式表以普通 .css 文件保存在 ~/.dsh/custom-css/ 目录下，键入后 400 毫秒防抖即全界面生效，无需重启、无需构建。

编辑器复刻了 DevTools Styles 标签页的体验：行号 gutter、语法高亮、基于浏览器引擎的键入补全、查找替换、撤销重做、格式校验与自定义属性体检。规则面板是核心亮点——点击编辑器中的选择器即可展开侧面板，查看和编辑该规则已有的声明；枚举型属性提供中文下拉，简写属性（flex、margin、gap、border-radius 等）拆分为独立分量输入框，底部还有十余条即用声明模板。外部编辑器是一等公民：每 1.5 秒轮询文件修订号，干净时直接采用磁盘版本，有未保存改动时弹窗询问，每次覆盖写盘前自动留快照（每张表最多 20 份），恢复操作本身也可逆。元素拾取器让你直接在界面上点选任意元素，选择器按跨版本稳定性排序（data 属性优先、ARIA 标签次之、语义类名第三、结构路径兜底），同时从 CSSOM 实时反查该元素实际生效的设计令牌并写入 var() 声明。

适合两类用户：想在不用改代码的前提下微调间距、隐藏面板、换配色的日常用户；以及希望把样式表纳入版本控制、用外部编辑器维护、并且期待选择器跨越 DSH 版本依然有效的进阶用户。