DeepSeek Harness (DSH) provides two built-in palettes by default: light / dark. Additionally, the code block font size is fixed at 11px, meaning it does not follow the content font size adjusted by users under “Settings → General → Font Size.” The dsh-darkplus-code plugin aims to resolve this visual inconsistency by replacing the code block palette and taking over the font-size calculation logic, making code block styling more consistent with the overall interface.

What Is This

This plugin is maintained by developer yis94744 and belongs to the “fun reskin” category of tools. It only modifies the syntax highlighting colors and font size of code blocks, without affecting other parts of the DSH interface.

Core Features

  1. Dark+ Syntax Palette
    Replaces the built-in code block palette with the VS Code Dark+ palette. The plugin defines specific color values for tokens such as keywords, constants, strings, comments, parameters, punctuation, links, and types/functions.

  2. Follow Font Size
    The code block font size can now follow the global content font size setting. The plugin supports the following modes:
    - Follow: Default mode; code block size follows the content font.
    - Ratio: Scale proportionally.
    - Fixed: Fixed size.

  3. Independent Settings
    Adds an independent “Code Block Appearance” setting line under “Settings → General,” allowing users to adjust code block styling independently without modifying global settings.

  4. Type/Function Color Selection
    Because Shiki groups entity.name.type and entity.name.function under the same variable, the plugin provides two color choices: Type/function teal or function yellow.

  5. Persistent Saving
    Settings are saved to a local configuration file (~/.dsh-darkplus-code/config.json) and remain effective after restarting or changing ports.

Installation and Activation

Use the official DSH CLI to install the plugin.

dsh plugin --profile <your-profile> add dsh-darkplus-code

After installation, restart DSH or reload the page, then open “Settings → General” and configure the “Code Block Appearance” section.

Typical Usage

  1. Run the installation command.
  2. In settings, set the code block font size mode to “Follow” or “Ratio.”
  3. Choose the Type/function color according to your preference.
  4. Check the live preview values in the bottom-left corner of the page.

Use Cases and Notes

  • Scope: Only affects code block styling; does not affect other UI elements such as the interface background, borders, or glass effects.
  • Implementation: The plugin uses !important rules to override Shiki-generated inline styles, ensuring variable priority takes effect.
  • Environment Dependencies: Requires DSH support for the Shiki CSS Variables theme; depends on the optional webServer service for setting persistence. If the service is not started, the plugin can still render styles but cannot save configuration.
  • Source and License: Review the source code and license before installation.

Summary

This plugin improves the visual experience of code display through refined style control. For more details and source code, visit the GitHub repository.