xingyingyuzhui/dsh-liquid-glass 预览 preview

xingyingyuzhui/dsh-liquid-glass

Skin皮肤 Native原生 ⭐ 14 MIT UI & Themes界面与主题

DeepSeek Harness 网页界面的壁纸及可选 Liquid Glass 叠加层

Project Overview项目介绍

This is a custom web theme built exclusively for DeepSeek Harness (DSH). It layers customizable wallpaper support and an optional frosted liquid glass UI effect on top of DSH’s official base themes, including light mode, dark mode, and system-synced mode. To install the theme, you first need to have a working DSH installation that can run the dsh web command, then run the install command via the DSH CLI. After installation completes, you must restart the dsh web process for the theme to take effect, then enable and configure it from DSH’s settings menu.

The theme comes with two pre-built wallpaper options: Icefield for light mode and Deepwater for dark mode, but users can also import their own custom images to use as wallpaper. The blur effect is only applied to the background of the glass UI islands, not the wallpaper itself, so your wallpaper stays sharp and clear even when the glass effect is enabled. You can keep your custom wallpaper even if you turn off the liquid glass effect entirely, and the theme does not alter DSH’s default conversation scrolling or sticky input area behavior.

The theme is released under the open-source MIT license, so it is completely free to use, modify, and distribute for any purpose. To uninstall the theme, you run the remove command via the DSH CLI, then restart dsh web to restore DSH’s default theme. For local development, you edit files in the source directory, build the final client code with npm run build, and you should never edit the built output files manually. You can test local changes by adding the theme from your local file path directly via the DSH CLI.

这是专门为DeepSeek Harness(DSH)打造的网页端自定义主题皮肤,在官方提供的浅色、深色、跟随系统三种基础主题之上,新增可自定义的壁纸功能,还为各个UI区块提供可选的液态玻璃毛玻璃效果。它可以通过DSH内置的CLI命令直接从GitHub仓库安装,安装完成后需要重启DSH网页端才能生效,开发时对照指定的官方DSH代码基线适配,保证不会改动官方原有布局逻辑。

主题自带两款预设壁纸,分别是适配浅色模式的「冰原」和适配深色模式的「深水」,用户也可以导入自定义图片作为个人壁纸。支持单独调整壁纸的透明度,毛玻璃模糊效果仅作用于各个玻璃UI区块的背景,不会影响壁纸本身的清晰度,用户还可以单独关闭液态玻璃效果,只保留自定义壁纸功能。

该主题以MIT许可证开源,免费供个人使用和修改。卸载需要通过DSH的CLI命令执行,卸载后也需要重启DSH网页端恢复默认主题。本地开发需要先修改源码目录下的文件,再通过npm run build构建生成最终产物,不建议手动修改构建后的文件。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 note1 项提示
  • 14 stars - an early-stage project星标 14,属于早期项目
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 github:xingyingyuzhui/dsh-liquid-glass

把 xingyingyuzhui/dsh-liquid-glass 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

dsh-liquid-glass · DSH 液态玻璃

DeepSeek Harness(DSH)Web 皮肤:在官方浅色 / 深色 / 跟随系统之上叠加壁纸,以及可选的液态玻璃岛。

对照官方基线:DeepSeek Harness 47f943859bef60e4160492346772ded9b24f765a。

预览

冰原 深水
冰原壁纸下的新会话 深水壁纸下的对话
设置 自定义壁纸
设置里选择壁纸 导入的自定义壁纸

功能

  • 壁纸预设:冰原(浅色)、深水(深色),也可导入自己的图
  • 壁纸透明度:只改壁纸本身,不糊整张图
  • 玻璃模糊:只糊每个玻璃岛背后那一层(侧栏、标题、正文、输入区)
  • 液态玻璃开关:关材质后官方表面回来,壁纸可以继续留着
  • 不抢官方几何:会话滚动仍由 data-conversation-scroll 管,输入区 sticky 不改

安装

前置:已安装 DSH(dsh web 可运行)。

dsh plugin --profile web add github:xingyingyuzhui/dsh-liquid-glass

装完重启 DSH(dsh web),然后打开 设置 → 通用 → Liquid Glass。

使用

控件 作用
Wallpaper 预设 / 导入。滑杆只改壁纸透明度。
Glass blur 每个玻璃岛背后的 backdrop blur。壁纸保持清晰。
Liquid Glass 开/关材质。关了恢复官方表面,壁纸可单独留着。

旧的「壁纸模糊」存储键不再读取,也不会自动换成新的玻璃模糊。

工作原理

面 文件 说明
Host host.js 托管冰原 / 深水 JPEG。哈希 URL 一年 immutable,legacy URL no-cache。
Client client.js __ModuleLoader__ bundle:设置行 + 壁纸层 + 玻璃岛 CSS。源码在 src/client/,client.js 由 npm run build 生成。

CSS 只挂在 body[data-dsh-liquid-glass] 下。模糊只发生在各岛 ::before,不糊壁纸、body 或官方滚动容器。

卸载

dsh plugin --profile web remove dsh-liquid-glass

然后重启 dsh web。

开发

# 改 src/client/ 后重新生成 client.js
npm run build
npm test          # 只读检查,生成物过期会失败

# 本地验证
dsh plugin --profile web add file:/absolute/path/to/dsh-liquid-glass
# 或
dsh plugin --profile web add link:/absolute/path/to/dsh-liquid-glass

不要手改 client.js 和 src/client/generated-optics-fallbacks.js。

License

MIT

← 上一个 Prev picoaide-harness 下一个 Next dsh-codex-oauth →