在保持原版 UI 大风格不变的情况下,进行减小圆角、紧凑化、秩序化、整洁化改进。使 UI 视觉更加冷静、专业、高效。多数改动可在设置中单独开关。
安装
# npm 包(预构建)
dsh plugin --profile web add dsh-ui-alt
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:AomiRaku/dsh-ui-alt
装任何插件都等于在你的机器上跑第三方代码,权限和你本人一样大——能读你的文件、用你的凭据、访问网络,工具审批管不到它。GitHub 来源的插件还会在安装时执行构建脚本——pnpm 默认拦截,所以安装可能停在 ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED 或 ERR_PNPM_IGNORED_BUILDS;dsh 会打印出需要添加的确切键名,把它加进该 profile 的 pnpm-workspace.yaml 的 allowBuilds 下,重跑一次即可装上。放行构建本身就是一次信任判断:请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
在保持原版 UI 大风格不变的情况下,进行减小圆角、紧凑化、秩序化、整洁化改进。使 UI 视觉更加冷静、专业、高效。多数改动可在设置中单独开关。
插件由 CSS 覆盖加少量 DOM 注入组成,所有改动都可以在 设置 →「UI 改进」里逐项开关;关掉开关即恢复原版外观。
功能
外观
| 开关 | 默认 | 效果 |
|---|---|---|
| 隐藏左上角 Logo | 关 | 隐藏侧栏顶部的 Logo |
| Windows 默认微软雅黑字体 | 关 | Windows 端默认字体改为微软雅黑,低分辨率屏幕 200% 以下缩放带 hinting,更锐利;手动设置字体或 macOS 不受影响 |
布局
| 开关 | 默认 | 效果 |
|---|---|---|
| 减小圆角与紧凑界面 | 开 | 缩小全局圆角、缩小侧栏部分字号、收紧间距,使界面更高效 |
| 统一新会话按钮样式 | 开 | 新会话按钮样式改为与导航按钮一致 |
| 折叠侧栏导航功能 | 开 | 折叠侧栏导航,点击箭头展开收起 |
| 弱化工作区名称 | 开 | 工作区名称弱化,使工作区和会话更易区分 |
| 会话前圆点 | 开 | 会话前显示一个圆点 |
| 移除工作区与会话悬停提示 | 开 | 悬停在侧栏工作区、会话上时不再显示详情卡片,使滚动更流畅 |
| 隐藏会话悬停多余按钮 | 开 | 悬停会话行时只保留菜单和置顶,其余按钮(含插件添加的)隐藏;若有插件按钮未在右键菜单中,可关闭 |
| 设置面板全屏 | 开 | 使用非窗口化的设置页面 |
另有一些不挂开关的固定样式:设置导航列宽 220px、归档会话标题画删除线、选择题选中项的序号反色高亮、浅色主题下选中会话背景加强、工作区行悬停时保持文件夹图标。
安装
在 DeepSeek Harness 里用插件管理器安装本仓库目录:
plugin_manager install_bundle target=<本仓库绝对路径>
安装后刷新 Web 页面,设置里会出现「UI 改进」一栏,侧栏设置导航同时出现对应图标。
插件以 link 方式登记到 profile,因此本仓库目录需要保留在原位;移动或删除目录前请先卸载。
设置项与持久化
开关状态存放在 localStorage 的 dsh-ui-alt:prefs:v1 键下,写成 html[data-dcc-*] 属性驱动样式:
| 属性 | 取值 |
|---|---|
data-dcc-radius |
on / off |
data-dcc-new |
on / off |
data-dcc-nav |
collapsed / expanded |
data-dcc-dim |
on / off |
data-dcc-logo |
hidden / shown |
data-dcc-dot |
on / off |
data-dcc-font |
on / off |
data-dcc-full |
on / off |
data-dcc-hover |
on / off |
目录结构
dsh-ui-alt/
├── package.json ← 名称/版本/exports/files/dsh 清单
├── cordis.patch.yml ← 插入行:id/name = dsh-ui-alt
├── index.js ← Host 半(空 apply,无 Host 逻辑)
├── client.js ← 全部功能:CSS 覆盖 + 少量 DOM 注入
├── locale/
│ ├── zh.json ← 插件管理器标题/描述
│ └── en.json
└── icon.svg ← 设置页导航图标 + 插件图标
client.js 内部:
- 预置数据:
STORAGE_KEY、DEFAULTS、readPrefs()/applyPrefs()/savePrefs()。 - 一大段
css字符串,全部按html[data-dcc-*]条件生效;设置页自身样式用.dcc-*前缀。 - 三个 DOM 注入函数,各带一个监听
body的MutationObserver(350–400ms 防抖)兜底宿主重渲染:installNewSessionRow():克隆宿主的「新会话」按钮成导航行,点击转发给原按钮。installNavToggle():导航下方插入展开/收起箭头,点击切换data-dcc-nav并写回偏好。installSettingsBackButton():设置面板左上角插入返回按钮,点击触发原关闭按钮。
- 设置页组件:
Section(标题 + 说明 + 开关行)、Switch、Row、SectionIcon。
开发
node --check client.js
node --check index.js
node -e "JSON.parse(require('fs').readFileSync('package.json','utf8'))"
修改 client.js 后需要重新安装插件并刷新页面,新代码才会被加载:
plugin_manager remove_bundle target=dsh-ui-alt
plugin_manager install_bundle target=<本仓库绝对路径>
依赖的宿主实现
下面这些宿主细节升级后可能失效,失效时表现为对应的那一条样式不再生效,不会报错:
- CSS module 类名后缀:
_sessionRow、_projectRow、_title、_dialog_、_menu_、_navCell、_navTitle、_close、_optionRow等。 - 设置面板 DOM:
_overlay/_panel/_navTitle/_navList/_navCell/_header/_close。 - Windows 变量:
--dsh-windows-titlebar-height、--dsh-windows-content-radius。 - 主题 token:
--dsw-alias-*、--dsw-radius-*、--dsw-corner-shape。 - 第三方兼容:仅当安装了
@michengai/dsh-archive-manager时,dsham_starSlot/dsham_rowStar规则才命中,用于圆点与收藏星标的避让。
已知限制
- 克隆出来的新会话行没有原按钮的 Tooltip 与快捷键提示(点击行为已转发,功能正常)。
- 设置返回按钮依赖宿主的
_navTitle/_close类名。 - 「统一新会话按钮」关闭时,折叠导航的首位是隐藏的克隆行,计数偏移一项;显示效果正常。
- 滚动时鼠标划过会话行会触发宿主的 HoverCard 预览,可能造成卡顿;这是宿主行为,插件侧没有干预。
License
链接
同类插件
zhu1090093659/dsh-web#packages/dsh-task-board★ 10290
侧边栏多列任务看板:卡片交给真实 DSH 智能体会话执行,支持 cron 定时(Host 侧到点执行,关浏览器也生效)。
zhu1090093659/dsh-web#packages/dsh-web-all★ 10290
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。
ccch1mneyyy/dsh-TUI★ 7336
Claude Code 风格全屏终端 UI:像素鲸鱼顶栏、实时工作状态行、思考流式展开。
MeteorNOX/DeepSeek-Balance-Whale-Widget★ 7093
右下角常驻的小鲸鱼挂件:余额、今日已用与每轮对话消耗(含峰谷价),余额预警与今日预算的泡泡内容都可编辑;泡泡点击序列模块化自定义,支持并列加权 A/B、随机台词与随机图片;内置 30+ 厂商模板(OpenAI / OpenRouter / Kimi / 硅基流动 / 方舟 / 智谱 / MiniMax 等),按模型查余额与订阅额度;另有任务结束音效、导入音频、自定义角色与资源管理。数据全在本机,无遥测。
omdsh-dev/DSH-better-sidebar★ 5036
侧边栏完整工作台:内置文件渲染编辑、终端、Git 与子代理,支持三方插件注册新 Tab。
Devin-AXIS/deepseek-design#deepseek-idesign★ 1792
可视化设计工作室,支持网站、App 原型、海报、信息卡、报告和杂志的模板创建、元素编辑、选区级 AI 草稿衔接与导出。
社区评论
评论公开保存在 GitHub Discussions。加载评论会连接 GitHub 和 Giscus;发表内容需要 GitHub 账号。