dsh-transparent-frosted

themenpmMIT

(UI enhancement) Frosted-glass background for the whole app: one slider blends from a genuinely blurred, milky frost to a fully transparent page, and every region, control and expanded page moves as a single sheet painted on body::before; the settings page has its own independent slider, and an opti

下载量 / Downloads
456

Install

dsh plugin --profile web add dsh-transparent-frosted

Sandbox test

This plugin has not been tested yet. Submit a test →

README

DSH-Transparent-Frosted · 透明磨砂主题

<p>

<img alt="version" src="https://img.shields.io/badge/version-1.0.2-6c8cff">

<img alt="platform" src="https://img.shields.io/badge/dsh-desktop%20%7C%20web-14b8a6">

<img alt="scope" src="https://img.shields.io/badge/scope-background%20layer%20only-8e8e93">

<img alt="license" src="https://img.shields.io/badge/license-MIT-3ddc84">

</p>

把 DeepSeek Harness 变成一整块透明磨砂玻璃:一条滑杆在"真模糊的磨砂"与"背景彻底消失"之间连续过渡,整页所有区域、组件、展开面板作为一张纸一起变化;设置页有独立滑杆,互不干扰。

A transparent frosted-glass background for DeepSeek Harness. One slider moves the whole app between a genuinely blurred frost and a fully cleared background — every region, control and expanded page moves as a single sheet. The settings page keeps its own slider.

深色主题下效果最佳 —— 你的电脑桌面壁纸就是 DeepSeek Harness 的背景皮肤。
Best on a dark theme: your desktop wallpaper becomes the background skin.

浓磨砂 · 全透明

![frost](docs/frost.jpg) · ![clear](docs/clear.jpg)

安装

下载 Releases 里的 dsh-transparent-frosted-1.0.2.tgz,放在任意目录,然后:

桌面端

dsh plugin --profile desktop add ./dsh-transparent-frosted-1.0.2.tgz

装完完全退出并重新启动 DeepSeek Harness(前端代码只在窗口创建时加载,热刷新无效)。

Web 端

dsh plugin --profile web add ./dsh-transparent-frosted-1.0.2.tgz
dsh --profile web web --port 8080

浏览器打开 http://127.0.0.1:8080 即可。Web 端没有桌面壁纸,插件会自绘一层深色渐变作为磨砂底。

也可以直接指向克隆下来的源码目录:把上面的 ./dsh-transparent-frosted-1.0.2.tgz 换成 link:E:/path/to/DSH-Transparent-Frosted。

使用

设置 → 透明磨砂主题

控件 · 说明

启动透明磨砂主题 · 总开关,关闭后立即恢复原生外观,粒子与滑杆一并失效

页面背景透明磨砂度 · 左=浓磨砂,右=全透明;整页作为一张纸一起变

设置页透明磨砂度 · 只影响设置页,与页面互不干扰

粒子效果 · 对话区中央的鲸鱼粒子,可单独关闭

恢复默认 · 回到 页面 72% / 设置页 62%

粒子支持鼠标交互:悬停推开、按住拖动带走、松开后自然回落到鲸鱼轮廓。

兼容

平台 · 状态

Windows 桌面端 · ✅

macOS 桌面端 · ✅

Web(Chrome / Edge) · ✅

深色 / 浅色主题 · ✅

原理(三句话)

1. 页面底色与 backdrop-filter 只存在于 body::before 一处,整页只有一个上色层、一个模糊层,所以不会有区域各自磨砂。

2. 主题的九个表面色 token 被清成 transparent,卡片、输入框、按钮都不再自己涂色;设置页把 token 原值还原,因此保持独立。

3. 其它插件打开的整页面板由运行时几何探测识别并透明化,透出的仍是同一层页面底色。

自检(开发者):__dtgTheme.current() / __dtgTheme.set({ page: 0 }) / __dtgTheme.rescan()。

版本差异

版本 · 内容

v1.0.0 · 基线:单层页面磨砂 + 设置页独立滑杆、总开关、线稿图标、桌面端 / Web 双平台适配

v1.0.2 · 修复「跟随系统」:系统外观是深色时,从浅色切到跟随系统后设置页与页面底色仍停在浅色配色(现在监听 dsh 的 data-ds-theme-source 与 data-ds-dark-theme,重新取色并刷新)

v1.0.1 · 鲸鱼粒子(可关闭,带悬停推开 / 拖拽带走的指针物理);开关改为单胶囊样式、行距对齐设置页;关闭总开关时自动卸载粒子图层

回退基线:git checkout v1.0.0

卸载

dsh plugin --profile desktop remove dsh-transparent-frosted

文件

client.js        前端主体(样式注入 / 引擎 / 设置面板 / 粒子)
index.js         宿主侧空实现
cordis.patch.yml 声明式挂载
locale/          中英文名称与描述
icon.svg         线稿图标
docs/            截图

License

MIT

Rendered from the README published on npm. Formatted only, not edited.

Versions

Published on npm::2,最后更新 2026-10-30

Links

GitHub · Homepage · npm

Same category