dsh-dracula-theme

🧛 Dracula theme for DeepSeek Harness (DSH): the classic dark palette — plus the Dracula Soft variant — registered into the built-in theme runtime, with a one-click skin picker in Settings → General.

Features

• Two faithful variants built from the official Dracula palette:
  • Dracula — the classic #282a36 canvas
  • Dracula Soft — the gentler #343746 background
• Core logic adopted from the official Dracula DeepSeek port (MIT): the canvas/brand --dsw-static-* overrides and code-highlight palette are taken verbatim and translated into the DSH theme runtime. On top of that, full token coverage: neutral & canvas ramps, brand (purple), blue (cyan), red / green / amber state colors, alias surfaces, component-specific tokens (sidebar, bubbles, composer, menus) and the official Dracula syntax colors for code highlighting (--shiki-*).
• One-click switching from Settings → General → Dracula theme, persisted across sessions.

Preview

The classic Dracula canvas (#282a36) mapped onto the full DSH surface stack — sidebar, conversations, code blocks — with the purple/cyan brand accents from the official Dracula DeepSeek port.

Palette

Role	Color
Background	#282a36
Dark background (base canvas)	#20212b
Current line / selection	#44475a
Foreground	#f8f8f2
Comment	#6272a4
Purple (brand)	#bd93f9
Pink (keyword)	#ff79c6
Cyan (link)	#8be9fd
Green (success)	#50fa7b
Yellow (string)	#f1fa8c
Orange (warn)	#ffb86c
Red (error)	#ff5555

Official spec alignment

The token mappings follow the official Dracula Syntax Highlighting Specification and the classic dracula/sublime convention:

Role	Color
Keywords & storage	Pink #FF79C6
Functions & methods	Green #50FA7B
Classes & types	Cyan #8BE9FD
Strings & text	Yellow #F1FA8C
Numbers & constants	Orange #FFB86C
Comments	#6272A4
Variables & parameters	Foreground #F8F8F2
Punctuation	Foreground #F8F8F2
Diff inserted / deleted	Green #50FA7B / Red #FF5555
Links	Cyan #8BE9FD

UI surfaces follow the spec's current-line / selection distinction: text selection is #44475A (including the ::selection rule), the current-line highlight uses the opaque fallback #353747, and floating interactive elements use #343746 / #424450. Status colors (error/success/warning) deliberately follow the syntax palette like the official Dracula DeepSeek port, keeping the whole UI on one consistent palette.

Installation

# from npm (prebuilt, recommended)
dsh plugin --profile web add dsh-dracula-theme

# or from source
dsh plugin --profile web add https://github.com/ossFrankFrank/dsh-dracula-theme

Restart the profile, then pick the skin in Settings → General → Dracula theme.

Development

npm run generate   # rebuild themes/*.json and lib/client.js from palette/dracula.json

…