Introduction¶
The default web interface of DeepSeek Harness (DSH) features a solid or gradient background with opaque layering, and relatively fixed branding and input box styles. If you work in dsh web for extended periods, the interface often lacks a touch of personalization.
The community already has numerous theme plugins, each with its own approach. The one introduced here, dsh-kimino-theme, takes a different path: it uses the visual motifs from Makoto Shinkai’s film “Your Name.” (Kimi no Na wa), employs movie wallpapers as the base, overlays a comet-blue glassmorphism effect across the entire interface, and completes the skinning via the official theme.overrideTokens API and component style patches. It is maintained by niiang, has around 20 stars on GitHub, and is categorized as a “fun skin.”
What is This¶
dsh-kimino-theme is a standard DSH plugin package: installed into the web profile with a single dsh plugin command, it runs persistently with DSH startup without modifying any DSH source code, and is completely reverted upon uninstallation.
Key changes include:
- Background: Movie wallpaper + global blur mask, replacing the native solid/gradient
- Interface surface: Semi-transparent frosted glass (
backdrop-filter), with interaction colors unified to Comet Blue (#93C5FD) - Branding: Sidebar and homepage titles replaced with the movie’s logo (expanded + collapsed states)
- Input card: Deep blue glass capsule with themed placeholder text
- Scrollbar: Global blue-purple glass thin scrollbar
- Bottom of message column: 40px gradient fade-out mask
The code is licensed under MIT; the wallpapers and logo assets in assets/ are derived from the movie’s promotional materials, and the repository states they are intended for personal desktop beautification only.
Core Features¶
Comet Blue Glassmorphism¶
The theme overrides approximately 60 design tokens via the theme.overrideTokens API: background layers become semi-transparent, borders use low-saturation blue strokes, interaction states are unified to the Comet Blue system, and status colors are finely adjusted to harmonize with the dark glass aesthetic. Both light and dark modes share the same visual scheme.
Wallpaper and Logo¶
The wallpaper is provided by the plugin host half at the /kimino-bg/current.jpg route (from assets/current.jpg in the package), overlaid with a subtle dark gradient to ensure text readability. The sidebar displays the horizontal movie logo when expanded, and a letter mark when collapsed; the homepage hero title is replaced with a centered, large-format logo.
Input Card and Placeholder Text¶
The input card is redrawn as a deep blue glass capsule, with placeholder text automatically replaced based on the interface language:
| Interface Language | Input Box | New Session Description |
|---|---|---|
| Chinese | 黄昏之时,我在这里等你。 |
君の名は。想构建怎样的世界? |
| English | 黄昏の時、私はここにいるよ。 |
君の名は。どんな世界を構築する? |
Message Scrolling and Unified Scrollbar¶
The message column features a smooth 40px fade-out at the bottom with zero clipping for the input box; the issue where the “scroll to bottom” button didn’t appear has also been fixed. The global scrollbar is unified to a blue-purple glass style, optimized for Chromium-based browsers.
Installation and Enabling¶
System Requirements¶
- DeepSeek Harness installed, with
dsh webstarting normally - pnpm available on the machine (used internally by
dsh plugin; can be provided by Node.js’s built-in corepack)
Installation¶
dsh plugin --profile web add github:niiang/dsh-kimino-theme
dsh web # Restart DSH for changes to take effect
The appearance of the wallpaper and the change in the sidebar logo indicate successful installation. It runs persistently with DSH startup after installation, with no need to reinstall each time.
Updating and Uninstalling¶
Updating:
dsh plugin --profile web update dsh-kimino-theme
dsh web # Restart for changes to take effect
Uninstalling:
dsh plugin --profile web remove dsh-kimino-theme
dsh web # Page fully reverts after restart
Temporary Disabling (Without Uninstalling)¶
Edit ~/.dsh/profiles/web/package.json, remove the "dsh-kimino-theme" line from the dsh.profile.bundles array, and restart dsh web to disable it; add the line back and restart to re-enable.
Typical Usage¶
Skin Center Method (Optional)¶
If using dsh-web-ui’s skin center, it can be installed as a skin package: copy the entire skin/kimino/ directory from the repository to ~/.dsh/skins/kimino/. Refreshing the page will make it appear in “Settings → Skin Center,” supporting try-on, one-click switching, and mutual exclusion management.
Note: Manually placed skins lack the behavioral enhancements from the hooks.mjs file (placeholder text, scrolling optimization) due to the skin center’s security gate—wallpaper, colors, logo, and glass styles are all visually complete; installing via dsh plugin provides full functionality. Choose one of the two methods.
Custom Wallpaper and Logo¶
Requires local cloning and installation using link::
git clone https://github.com/niiang/dsh-kimino-theme <your-directory>
dsh plugin --profile web add link:<absolute-path-to-your-directory>
dsh web
Changing Wallpaper: Replace assets/current.jpg in the cloned directory (keeping the filename unchanged) and force-refresh the browser (Ctrl+F5).
Changing Logo: Replace the two SVG files under assets/logo/ and force-refresh.
Adjusting Colors: Colors are concentrated in the token overrides and component styles in bundle/client.js. Restart dsh web and force-refresh after changes.
Use Cases and Considerations¶
Who is it for: Developers who work long-term in the DSH Web GUI and want to apply a complete visual theme without modifying source code, particularly those who prefer the “Your Name.” comet-blue glass style.
Browser Recommendation: The theme heavily uses backdrop-filter for glassmorphism, custom scrollbars, and CSS masks. Microsoft Edge or Google Chrome is recommended. Some display effects may be incompatible with Firefox (scrollbars, gradient masks, etc., might be degraded).
Permissions and Security: The plugin runs with the current dsh process permissions. Review the source code and license before installation. This repository’s code is MIT-licensed; wallpapers and logo assets are copyrighted by their original rights holders.
Known Limitations:
- Selectors for message scrolling, sidebar logo replacement, input card highlighting, etc., rely on DSH frontend build-time hash class names, which may need updates after major DSH version upgrades.
- The theme enforces a dark glass aesthetic; light mode is not specifically adapted.
- Wallpaper and logo routes are cached for 1 hour; force-refresh the browser after replacing assets.
- The token layer is additive; it is recommended to enable only one theme plugin at a time.
No changes after installation? Ensure the command includes --profile web; force-refresh the browser with Ctrl+F5; check the dsh web startup log for [kimino-theme] host half active.
Conclusion¶
dsh-kimino-theme transforms the DSH Web GUI into the look and feel of “Your Name.”: install with a single command, revert upon uninstallation, ideal for scenarios where you want to reskin your daily development interface without touching DSH source code.
- Community Directory: https://www.skillhub.cn/plugins/niiang/dsh-kimino-theme
- GitHub Repository: https://github.com/niiang/dsh-kimino-theme