TQSY114514/dsh-ui-appearance 预览 preview

TQSY114514/dsh-ui-appearance

Plugin插件 Native原生 ⭐ 20 MIT Vision & Media视觉与多媒体UI & Themes界面与主题

DeepSeek Harness 外观定制插件:主题调色板、背景图片、不透明度/模糊、玻璃效果

Project Overview项目介绍

dsh-ui-appearance is a native UI customization plugin built exclusively for DeepSeek Harness (DSH), and it is the first DSH plugin that supports deep multi-dimensional customization of the platform’s interface parameters. Unlike fixed pre-built themes, it lets users fine-tune transparency and frosted glass intensity for all core UI elements including panels, input fields, and code blocks. It also supports custom wallpaper and video backgrounds, and can automatically generate matching color palettes based on uploaded background media. It works seamlessly on both DSH’s WebUI and official desktop client, and uses only official DSH extension APIs so it never modifies DSH core code.

After installation, users can find the custom appearance entry in the general section of DSH’s sidebar settings. You can start with one of six built-in presets (Default, Midnight, Ocean, Forest, Rose, Monochrome) that you can apply with a single click, then tweak each color role with a color picker or direct HEX code input. You can also drag and drop or paste URLs for images and videos to set them as background, then adjust the sliders for atmosphere and interface effects to match your preference. All changes take effect immediately, no page refresh or manual save is required, making this plugin ideal for any DSH user who wants to personalize their interface.

This plugin is released under the permissive MIT open source license, and offers three installation methods: a one-line npm command, a one-click PowerShell script for Windows users, and installation from source code. It only has one runtime dependency, the lightweight utility clsx, and all @deepseek-ai/* dependencies are optional peer dependencies provided by the DSH host. User configurations are stored in the browser’s localStorage, while original quality background images and videos are stored in IndexedDB to avoid hitting localStorage quota limits. If you switch browsers or clear site data, your configuration will be lost, but you can back up and migrate your custom color scheme by exporting and importing a JSON file.

这是DeepSeek Harness生态中首个支持多维度UI参数深度自定义的外观插件,不局限于固定预设方案,支持调节面板、输入框、代码块的透明度和毛玻璃强度,还可设置壁纸、视频背景,并支持智能衍生色板。该插件同时兼容DSH的WebUI和桌面客户端,基于官方提供的主题扩展点和设置插槽开发,不修改DSH核心代码,卸载后界面可完整恢复默认外观。

用户安装后可在DSH设置的通用板块找到个性化外观入口,从六套内置预设(默认、午夜、海洋、森林、玫瑰、单色)一键应用起步,之后可通过取色器或HEX输入自定义六个颜色角色,还能上传或拖拽图片、视频作为背景,拖动滑块调整氛围和界面效果。所有修改实时生效,无需刷新页面或保存配置,适合想要自定义DSH界面风格、适配个人视觉偏好的用户。

该插件采用MIT开源许可证,可通过npm命令、Windows一键脚本或源码三种方式安装,仅依赖clsx运行,@deepseek-ai/*相关依赖均为可选对等依赖由宿主提供。配置保存在浏览器localStorage,壁纸和视频原画质存在IndexedDB,不占用localStorage配额,换浏览器或清除站点数据会丢失配置,可通过导出导入JSON配色方案备份迁移。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 note1 项提示
  • 20 stars - an early-stage project星标 20,属于早期项目
DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

  • DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
  • External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时(Electron / Python / Docker 等)是否齐备
  • Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突:命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

  • Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致,是否归档或长期停更
  • Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
  • curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
  • Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
  • Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需(filesystem / network / shell / clipboard)
  • Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限,以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照,不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装(适合开发者)

CLI Install命令行安装

dsh plugin --profile web add dsh-ui-appearance

把 TQSY114514/dsh-ui-appearance 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

dsh-ui-appearance

English · 中文

DeepSeek Harness 生态中首个支持多维度 UI 参数深度自定义的外观插件 —— 不局限于固定预设,支持面板/输入框/代码块透明度微调、毛玻璃强度、壁纸/视频背景及色板智能衍生;WebUI 与 DSH Desktop 均可使用。

Awesome DSH Plugin npm version downloads CI Release license

零核心代码改动:完全通过官方插件机制(ctx.theme.overrideTokens() 主题扩展点与 settings.general.item 插槽)实现;卸载后界面完整恢复默认。

界面

设置面板 壁纸 + 毛玻璃效果
设置面板 壁纸毛玻璃

在 DSH Desktop(桌面客户端)中同样开箱即用,以下为实拍:

高级模式(桌面原生布局与材质) 兼容模式(上游默认 Web client)
高级模式 兼容模式

官方桌面端新版实拍(社区版截图保留在上方):

官方桌面端(新版高级模式)
官方桌面端

效果图中的壁纸素材 © MadYY(原图),仅作演示;用户上传自己的图片即可。

功能

主题颜色 —— 6 个颜色角色:主色、背景色、面板色、输入框色、文字色、边框色。每个角色都支持取色器与 HEX 输入;文字选区与键盘焦点环自动跟随主色;消息气泡跟随主色(半透明时保留主色相);左上角 logo 字标("harness"字样)也跟随主色。

壁纸背景 —— 点击上传或拖拽图片(JPG / PNG / WebP / GIF),或粘贴图片/视频 URL 一键加载(按扩展名自动分流,支持 CORS 友好的图床/视频直链),原画质存入 IndexedDB 作为全界面壁纸(超过 4096px 等比缩边,不降画质);上传时自动采样亮度(深色壁纸协调抬亮表面)并自动提取主色作为强调色(壁纸与界面色调自动和谐)。也支持视频背景(MP4 / WebM,静音循环,与图片互斥);图片与视频都存 IndexedDB,不占用 localStorage 配额。

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要,完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

← 上一个 Prev dsh-plugin-product-subagents 下一个 Next dsh-plugin-marketplace →