dsh-node-accent
仅重新着色 DSH Web 对话行中的图标和标题文本，可按工具或事件类别设置，不添加色条或背景着色。
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:azazo1/dsh-node-accent#23dc6e5a1be2b6c0d7280e9c242fb03a631c4f0fNode Accent 以 dsh-node-accent 发布，当前版本为 0.1.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
给 DSH Web 会话行的图标和标题文字上色, 按事件类别或具体工具名区分颜色.
Recolor only the icon and title text of DSH web conversation rows, per tool or per event category, without rails or background tints.
会话流里 bash, 思考, read, write, edit 这些行在视觉上是同一副样子. 想要一眼 分辨, 又不想让每行都多出一条色条和一层底色.
这个插件只改一件事: 把行首图标和标题文字的 color 换成配置好的强调色. 行高,
间距, 对齐, hover, 展开折叠, 流式运行的 sweep 动画全部保持官方行为.
bash / pwsh 一类命令执行, read / write / edit 一类文件
操作, web_search 一类联网搜索, subagent 一类智能体, todo_write 一类
任务, 各用各的颜色.已知边界: skill 工具的卡片行没有走官方 DisclosureRow 原语, 因此不在着色
范围内, 保持原生颜色.
dsh plugin --profile web add github:azazo1/dsh-node-accent
装完重启 dsh web.
设置 → 插件 → "节点着色". 改动即时生效, 写入 $DSH_HOME/settings.yaml 的
node-accent 段.
| 字段 | 说明 |
|---|---|
paintIcon | 是否给行首图标上色, 默认开 |
paintTitle | 是否给标题文字上色, 默认开 |
colors | 每个事件类别一个颜色 |
toolColors | 按 wire 工具名逐个覆盖, 优先级高于类别色 |
类别与默认色:
| 类别 | 覆盖的行 | 默认色 |
|---|---|---|
search | web_search, web_fetch | #3b82f6 |
agent | subagent, workflow, send_message 等 | #a855f7 |
execute | bash, pwsh, run_code, terminal_* 等 | #f59e0b |
file | read, write, edit, grep, glob 等 | #22c55e |
task | todo_write, create_goal, job_* 等 | #ec4899 |
command | 斜杠命令节点 | #f97316 |
thinking | 思考行 | #c4b5fd |
context | 上下文注入行 | #8a9bb5 |
other | 未列出的工具 | #64748b |
颜色值只接受 #rgb / #rrggbb / #rrggbbaa 和 rgb() / hsl() /
oklch() 一类颜色函数; 非法值回落到该类别的默认色, 不会把一条坏规则拼进样式表.
只写了 colors 的话, 想改某个具体工具 (例如让 write 和 read 分开), 在
"按工具名覆盖"里加一条 write → 颜色即可.
@max-null/dsh-node-appearance 做的是同一件事的不同画法 (左侧 3px 色条 +
淡色底). 两个一起装会对同一批行各自施加样式. 换过来之前先摘掉它:
dsh plugin --profile web remove @max-null/dsh-node-appearance
浏览器半区不改 React 树, 只维护一张
<style data-plugin-css="dsh-node-accent/rules">, 内容由当前 settings 快照生成.
选择器全部走官方硬编码的 data- 属性:
[data-chat-flow-kind="tool-call"] [data-tool] : ToolRow 根节点[data-variant="think"] : ReasoningRow 根节点[data-chat-flow-kind="command"] / [data-chat-flow-kind="context"] : 节点外层[data-disclosure-row] > :first-child / > span:nth-child(2) : 图标和标题
在行内的固定位置图标用 svg:not([data-state]) 圈定, 这样工具行在 error / stopped 状态下换上的
StateDot 不会被染色.
just install # 安装依赖
just typecheck # 类型检查
just build # 构建 Host ESM 和 Client bundle
just test # 逻辑测试
just check-client # Client loader 注册检查
just verify # 上面全部 + 打包预览
lib/ 是发布内容, 已提交进仓库, 从 git 安装不需要本地构建.
改完源码跑 just build, 再用隔离子实例验证:
cd ~/.dsh/skills/dsh-instance-test
bun prepare.ts <target> /path/to/dsh-node-accent
bun start.ts <target>