给侧边栏工作区分配专属颜色并叠加页面背景色调
29.6/100
综合分
0
GitHub 星标
—
npm 周下载
—/5
用户评分
数据截至 2026/9/16 · 周下载取自 npm 全网(含 CI / 镜像),非本站安装数;综合分由星标、活跃度与兼容性检查合成。
自动兼容检查有告警:未发布到 npm registry,仅可从源码安装。
安装命令 · 需先装 dsh CLI 引擎
dsh plugin --profile web add MirrMeur/dsh-workspace-colors该包不可直接 npm 安装,改从 GitHub 源安装(明细见下方安装检查)
状态速览
判定依据:实装验证 · 静态安装检查 · 自动扫描 · 仓库维护状态信任档位:已验证
图例:✓ 通过! 需注意— 未判定 / 无数据· 「未判定」= 本站尚无数据,不代表插件有问题
档位由哪些信号合成
本站实装验证(真实安装 L4 覆盖全站;L5 为运行时冒烟或实机截图,覆盖范围小于 L4) · 验证所用 dsh 版本 · 静态安装检查 · 风险分级 · 仓库维护状态。 下方各区块是它的证据明细。
给这个插件打分还没有人投票↓
用户评分
还没有人投票,来当第一个
功能亮点
- 侧边栏工作区配色
- 页面背景色调叠加
DSH Web 外观增强:侧边栏工作区专属颜色 + 页面背景 tint(含设置页与内存回收面板)
README
由 DeepSeek 最新模型翻译生成dsh-workspace-colors
DSH Web 外观增强插件(宿主半 + 浏览器半,零依赖):
1. 工作区颜色 —— 侧边栏每个工作区分配专属颜色:文件夹图标着色 + 标题行左侧色条 + 整个分组微色底。深浅主题都适配。
2. 页面背景 tint —— 给整个界面叠一层你选的颜色(官方
ctx.theme.overrideTokens() token 覆盖层,明/暗主题各自生效,内置的
浅色/深色/跟随系统偏好完全不受影响)。
3. 内存回收面板 —— 宿主半注册 /ws-colors/api/reclaim 只读状态接口,上报 DSH 后端进程 RSS/CPU、Chrome renderer 渲染进程内存占用合计,以及 auto-reclaim.sh 守护进程是否在跑;可开关 ~/.dsh/auto-reclaim.yaml 里的 enabled 标志。
展开完整文档(README 剩余 1 节)
dsh-workspace-colors
DSH Web 外观增强插件(宿主半 + 浏览器半,零依赖):
1. 工作区颜色 —— 侧边栏每个工作区分配专属颜色:文件夹图标着色 + 标题行左侧色条 + 整个分组微色底。深浅主题都适配。
2. 页面背景 tint —— 给整个界面叠一层你选的颜色(官方
ctx.theme.overrideTokens() token 覆盖层,明/暗主题各自生效,内置的
浅色/深色/跟随系统偏好完全不受影响)。
3. 内存回收面板 —— 宿主半注册 /ws-colors/api/reclaim 只读状态接口,上报 DSH 后端进程 RSS/CPU、Chrome renderer 渲染进程内存占用合计,以及 auto-reclaim.sh 守护进程是否在跑;可开关 ~/.dsh/auto-reclaim.yaml 里的 enabled 标志。
安装 / 升级
从 GitHub 装(推荐)
dsh plugin --profile web add github:MirrMeur/dsh-workspace-colors
钉住 tag
dsh plugin --profile web add github:MirrMeur/dsh-workspace-colors#v0.4.1
本地目录(link 挂载,改文件后重启即生效)
dsh plugin --profile web add file:/path/to/dsh-workspace-colors
重启 dsh web 生效(不是刷新浏览器)。
升级:
cd ~/.dsh/profiles/web # 或 $DSH_HOME/profiles/web
pnpm up dsh-workspace-colors
使用
打开 设置 → 外观增强:
- 页面背景:开关 + tint 色彩 + 强度滑杆,6 个预设(豆沙绿/暖米/天青/淡紫/ 樱粉/墨蓝),全部实时生效,保存在浏览器 localStorage。
- 工作区颜色:开关 + 「重新分配」按钮。
- 内存回收:状态面板 + 开关。
颜色规则
- 色彩体系:全部基于 OKLCH 感知均匀色彩空间(Radix/Material 3 式 tonal 体系)—— 每个角色(色块/色条/图标)一组固定明度·彩度,只转色相,所有工作区颜色自动同一质感;色块是实色 tonal 层而非透明度叠加,不会被页面背景稀释。
- 工作区颜色:10 个 OKLCH 感知等距色相(红/橙/金/绿/青/天/蓝/紫/品红/玫),按工作区首次出现顺序先到先得;映射按「名字 → 色相」存在 localStorage (dsh-workspace-colors.map)。
启用背景 tint 时,与背景色相相差 ≤45° 的工作区颜色会被自动改派(例如豆沙绿背景下,绿/青系工作区让位),关闭背景后恢复原分配。
手动指定:
const m = JSON.parse(localStorage.getItem('dsh-workspace-colors.map'));
m['日常工作'] = 215; // 0-360 任意色相
localStorage.setItem('dsh-workspace-colors.map', JSON.stringify(m));
刷新页面生效。超过 10 个工作区按名字哈希回落,可能重复。
- 背景 tint:强度默认 45%。页面底色吃满强度,表面层(layer-1/2/3、侧栏)依次衰减(0.7/0.5/0.35/0.7 倍),边框 0.3 倍,保持界面层次。原始值从当前页面按明/暗两套捕获并缓存,官方主题/预设改动后重启页面即重新捕获。
存储键
| key | 内容 |
| dsh-workspace-colors.config | { workspaceColors, bg: { enabled, tint, strength } } |
| dsh-workspace-colors.map | { 工作区名: 色相 } |
宿主接口
| 方法 | 路径 | 说明 |
| GET | /ws-colors/api/reclaim | 只读状态:{ enabled, thresholdGb, idleMinutes, daemonRunning, process:{pid,rssMb,cpu}, renderer:{count,rssMb,biggestPid} } |
| POST | /ws-colors/api/reclaim | body {action:"enable"\|"disable"\|"restart"} |
restart 只在后端由 launchd 托管(ppid === 1)时才执行,否则返回 409 not-launchd-managed —— 手工启动的后端杀掉后不会自己回来。
兼容性
宿主半 inject: ["webServer"],客户端半用 slots / locale / theme 服务与
ctx.theme.overrideTokens(),不 import @deepseek-ai/* 运行时包
(dsh-client-runtime 在 DSH 0.1.5 已被移除,本插件不依赖它)。
卸载
dsh plugin --profile web remove dsh-workspace-colors
License
MIT预览分享卡片长什么样 ↓
分享 · DeepSeek Harness Hub
MirrMeur/dsh-workspace-colors
给侧边栏工作区分配专属颜色并叠加页面背景色调
相关插件 · UI / 主题
破甲增强版JeffKeeping/dsh-purge-plus
dsh-purge 的非官方分支fork:适配 DeepSeek Harness 0.2.1-rc.2、破甲内核…
★ 387已汉化DeepSeek 客户端
71.9
无代码业务系统平台nocobase/nocobase
NocoBase 是什么
★ 24,804已汉化DSH
71.8
1Panel 服务器面板1Panel-dev/1Panel
全球 250 万+ 自托管用户共同喜爱。
★ 37,362已汉化DSH
71.4
终端编码代理esengine/DeepSeek-Reasonix
· 指南 · ACP · 扩展开发 · 规格 · 官方网站 · Discord · QQ
★ 36,076已汉化DSH
71.2
工作状态行动态ccch1mneyyy/working-activity
作者:chimney@ccch1mneyyy。社区项目,非 DeepSeek 官方项目。
★ 664已汉化DSH
71.2
多模型配置管家farion1231/cc-switch
跨平台桌面一体化助手,支持 Claude Code、Codex、OpenCode、DeepSeek Harness 等工具,唯一官网 ccswitch.io
★ 151,814已汉化DSH
71.1
这个插件是你维护的吗?
作者本人可认领并核对本条目;认领通过后,详情页会显示「作者已认领」标记。