# dsh-neubrutalism-theme

[English](README.md) | 中文

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

## 改造前后

### 浅色

<table>
  <tr>
    <th width="50%">改造前</th>
    <th width="50%">改造后</th>
  </tr>
  <tr>
    <td width="50%"><a href="assets/default-light.png"><img src="assets/default-light.png" alt="DeepSeek Harness 默认浅色界面"></a></td>
    <td width="50%"><a href="assets/neubrutalism-light.png"><img src="assets/neubrutalism-light.png" alt="应用浅色 Neubrutalism 主题的 DeepSeek Harness"></a></td>
  </tr>
</table>

### 深色

<table>
  <tr>
    <th width="50%">改造前</th>
    <th width="50%">改造后</th>
  </tr>
  <tr>
    <td width="50%"><a href="assets/default-dark.png"><img src="assets/default-dark.png" alt="DeepSeek Harness 默认深色界面"></a></td>
    <td width="50%"><a href="assets/neubrutalism-dark.png"><img src="assets/neubrutalism-dark.png" alt="应用深色 Neubrutalism 主题的 DeepSeek Harness"></a></td>
  </tr>
</table>

## 特性

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

## 视觉与字体

主题遵循 [Neubrutalism 指南](https://neubrutalism.com/)的视觉语法：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，也不要求操作系统预装字体。

## 安装

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

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

```sh
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 加载。

卸载时运行：

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

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

## 开发

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

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

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

```sh
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。