dsh-dracula
界面增强 活跃维护

dsh-dracula

lzylyd/dsh-dracula

第三方Dracula暗色主题,完美适配目标Web界面,完整还原经典Dracula配色风格,视觉负担低,安装后无需额外配置即可直接使用。

1
Stars 标星
0
Forks 分支
1
Watchers 关注
0
Open Issues
TypeScript
主要语言
None
开源协议
31 KB
仓库大小
1 个月前
最后推送
一键安装扩展 / 插件指令
dsh plugin --profile web add github:lzylyd/dsh-dracula
git clone https://github.com/lzylyd/dsh-dracula.git
git clone git@github.com:lzylyd/dsh-dracula.git
README.md main

dsh-dracula

A third-party Dracula dark theme for the DeepSeek Harness web UI. Dark-only, covers the full --dsw-alias-* layer plus --shiki-* syntax highlighting, and ships a "Themes" settings page for switching.

Quick read (for agents)

  • What it is: a DSH bundle npm package that registers a third-party theme (dracula) through the client theme service ctx.theme.register(...), recolouring the whole web UI by overriding --dsw-alias-* and --shiki-* CSS tokens.
  • Shape: one package is both the bundle and the client plugin — package.json declares dsh.bundle.patch (→ cordis.patch.yml) and dsh.client (→ ./client).
  • Files: src/client.tsx (theme registration + settings page + persistence), src/index.ts (empty host half), cordis.patch.yml (one self-referential row dsh-dracula).
  • Persistence: localStorage key dsh.dracula-theme.preference mirrors every theme/change; restores on startup, defaults to dracula on first run. Guarded against quota/privacy/parse failures.
  • Build: pnpm install && pnpm build (tsdown → lib/client.js, lib/index.js).
  • Install on another DSH: dsh plugin --profile web add dsh-dracula.

Install / use

dsh plugin --profile web add dsh-dracula
dsh web

Then open Settings → Themes to switch between Light / Dark / System / Dracula.

Develop

pnpm install
pnpm build      # or: pnpm watch

Publish

Tag a v* release; GitHub Actions runs pnpm install && pnpm build && pnpm publish using the NPM_TOKEN secret.

Design record

See ../doc/CONTEXT.md (glossary) and ../doc/adr/0001-dracula-theme-persistence.md (persistence decision).