MoriTang/dsh-neubrutalism-theme

dsh-neubrutalism-theme

Neubrutalism Web UI theme plugin for DeepSeek Harness

待分类deepseekdeepseek-harnessdsh

dsh-neubrutalism-theme

English | 中文

一个适用于 DeepSeek Harness 的 Neubrutalism Web UI 主题。

预览

浅色

应用浅色 Neubrutalism 主题的 DeepSeek Harness

深色

应用深色 Neubrutalism 主题的 DeepSeek Harness

特性

  • 支持浅色与深色主题
  • 硬阴影、粗描边与方角
  • 自定义字体系统
  • 浏览器不请求外部字体资源
  • 作为 DSH 插件安装
  • 卸载后立即恢复原始 DSH 界面

视觉与字体

主题遵循 Neubrutalism 指南的视觉语法:2px 控件描边、3px 容器描边、方角、零模糊偏移阴影、有限的纯色强调面,以及按钮抬起/按下反馈。

  • 浅色基底采用 #FFFDF5,强调色使用 #FFD23F、#FF6B6B、#74B9FF、#88D498、#FFA552 和 #B8A9FA。
  • 深色模式保留同一信息层级,改用深色表面、米白描边和高亮强调色。
  • 层级阴影采用紧凑的 2px、4px 和 6px 硬偏移;消息次要操作降为 1px。
  • 展示标题:Syne Variable 800。
  • 标题与控件:Space Grotesk Variable 700。
  • 正文:Inter Variable;中文回退为 PingFang SC / Microsoft YaHei。
  • 代码:Space Mono 400/700。

字体由 Fontsource 包安装。构建时只取 Latin WOFF2,并以内联 data URL 写入 lib/client.js,因此浏览器运行时不访问 Google Fonts,也不要求操作系统预装字体。

安装

git clone https://github.com/MoriTang/dsh-neubrutalism-theme.git

插件已经提交构建产物,使用者不需要在插件目录运行 pnpm install 或重新构建。从 Harness checkout 将插件注册到 web profile:

cd /path/to/deepseek-harness
pnpm dsh plugin --profile web add /absolute/path/to/dsh-neubrutalism-theme

注册后重启 pnpm dsh web。bundle 的 cordis.patch.yml 会插入 neubrutalism-theme Loader 条目,package manifest 会把 lib/client.js 作为 Web client half 加载。

卸载时运行:

pnpm dsh plugin --profile web remove dsh-neubrutalism-theme

主题通过两个 Cordis effect 持有 token 覆盖和 <style> 元素。Loader 卸载插件时,两者都会被清理,基础 DSH 主题随即恢复。

开发

源码开发需要 DeepSeek Harness checkout。把两个仓库放在同一父目录中:

src/
├── deepseek-harness/
└── dsh-neubrutalism-theme/

插件的 DSH 开发依赖通过 link:../deepseek-harness/... 使用该 checkout。普通构建工具和字体依赖来自 npm:

cd /path/to/dsh-neubrutalism-theme
pnpm install
pnpm run typecheck
pnpm test
pnpm run build

当前版本面向 DeepSeek Harness 0.1.2-alpha.2 系列。Harness 尚未发布稳定兼容承诺,升级 Harness 后应重新运行以上检查并验证 Web UI。