dsh-darkplus-code

VS Code Dark+ syntax colors and font-size control for DeepSeek Harness (dsh) code blocks.

DSH ships exactly two palettes (light / dark) and fixes code blocks at 11px, so chat code does not follow the content font size you set in Settings → General → Font size. This plugin changes only the code blocks — nothing else in the interface is touched.

中文说明

What it does

1. Dark+ syntax colors

Replaces the built-in code-block token palette with the VS Code Dark+ palette:

Token	Dark	Light	Example
keyword	#c586c0	#af00db	public class, if, return
constant	#b5cea8	#098658	0f, 10000, true
string	#ce9178	#a31515	"配置"
comment	#6a9955	#008000	// comment
parameter	#9cdcfe	#001080	identifiers, locals
punctuation	#d4d4d4	#1f1f1f	( ) { } ;
link	#4fc1ff	#0563c1	markdown links
type / function	#4ec9b0	#267f99	MapNpc, LateUpdate

Code block background #1e1e1e (dark) / #ffffff (light), foreground #9cdcfe (dark) / #001080 (light).

2. Font size that follows your font-size setting

DSH sizes every other content font with calc(base + var(--dsh-content-font-delta)) — headings grow when you raise the font size, code blocks do not. This plugin puts code blocks onto the same mechanism:

Your DSH font size	Body text	Code block (default follow mode)
12	12px	10px
14	14px	12px
17	17px	15px

3. Its own settings row

Settings → General → Code block appearance, placed next to the built-in font-size row:

• Follow font size (default) · Ratio · Fixed — plus 13 14 15 16 17 px presets
• Type/function teal or function yellow — shiki assigns both entity.name.type and entity.name.function to one variable, so they cannot differ; this picks which one wins
• Palette on/off
• A live readout (body 17px · code 15px · inline 15px)

Settings persist to ~/.dsh-darkplus-code/config.json, so they survive restarts and port changes.

Install

dsh plugin --profile  add dsh-darkplus-code

Use your real profile name (desktop for DSH Desktop, web for the web build). Then restart DSH — or reload the page after a profile patch reload — and open Settings → General to configure it.

To remove it:

dsh plugin --profile  remove dsh-darkplus-code

Scope

This plugin writes only --shiki-* token variables, the two --dsw-font-markdown-code* font tokens, and code-block element rules under .md-code-block / pre.shiki. It does not touch any other --dsw-alias-* interface token, so background, borders, radii, glass effects and every other surface keep their current theme.

Why !important

DSH renders code through shiki's css-variables theme: each token span carries an inline style="color:var(--shiki-token-*)". Measured against a live DSH instance, the variable itself resolves correctly on `` while the span still computed to the inherited color, so a variable-only override does not always take effect. An author rule with !important is the one declaration that outranks an inline non-important style, so this plugin writes the resolved color on the span as well as rewriting the variable.

Compatibility

• DSH Desktop and the web profile.
• Verified against DSH dsh-web-app with the shiki css-variables theme and .md-code-block code surfaces.
• No host dependencies beyond the optional webServer service; without it the plugin still styles code blocks and simply cannot persist settings.

License

MIT