🎁 福利专区全网大模型免费应用 + 新用户福利 + 注册活动入口,低成本玩转 AI

图像主题取色器 Carpon39038/dsh-image-theme

DeepSeek Harness
Carpon3903857 天前有提交已提供中文文档扫描:未发现敏感能力

上传图片提取五色配色,一键套用玻璃质感界面

29.8/100
综合分
1
GitHub 星标
—
npm 周下载
—/5
用户评分

数据截至 2026/9/16 · 周下载取自 npm 全网(含 CI / 镜像),非本站安装数;综合分由星标、活跃度与兼容性检查合成。

自动兼容检查有告警:未发布到 npm registry,仅可从源码安装。
安装命令 · 需先装 dsh CLI 引擎
dsh plugin --profile web add Carpon39038/dsh-image-theme
该包不可直接 npm 安装,改从 GitHub 源安装(明细见下方安装检查)

状态速览

判定依据:实装验证 · 静态安装检查 · 自动扫描 · 仓库维护状态
信任档位:已验证
是什么
dsh 原生插件 · vision
装得上吗
本站已真实安装成功
非静态推断
L4 · 真实安装等级说明 →
安全吗
本站尚未对该插件做风险分级
暂未覆盖,不等同于无风险
还在维护吗
更新放缓:最近一次提交在 57 天前
档位由哪些信号合成

本站实装验证(真实安装 L4 覆盖全站;L5 为运行时冒烟或实机截图,覆盖范围小于 L4) · 验证所用 dsh 版本 · 静态安装检查 · 风险分级 · 仓库维护状态。 下方各区块是它的证据明细。

验证判据与等级说明 →
社区实装还没有人打卡 · 装过的第一个就是你
安装兼容性检查⚠ 装前注意

未发布到 npm registry,仅可从源码安装

展开查看检查明细 ↓

以下结论由程序自动检查 npm 包、engines 声明与入口文件得出,未做人工实机验证——能装不等于用着没问题。

✗npm 包@cabeta/dsh-image-theme(未发布到 npm,仅可源码安装)
✓Node 引擎要求 >=22 · 基线 Node 22.19 满足
✓dsh CLI 依赖未声明 dsh 版本约束
✓入口文件main/exports/bin 已声明

验证方式:npm registry 存在性 + package.json 静态校验 · 最后检查 2026/9/21 23:48:13

安全扫描自动 · 静态分析源码
v2.7.0
🟢 扫描:未发现敏感能力尚无人工评估
展开查看扫描说明与证据 ↓

静态扫描未发现敏感能力:最多只发网络请求、读取自身元数据或只读文件,未发现执行命令、文件写入或敏感信息读取。

扫描于 2026/11/4(0 天前) · 范围 入口闭包 + 发布文件清单 · 来源 GitHub 仓库

静态扫描只反映源码中出现的调用,不构成安全背书;人工评估与自动扫描相互独立、互不覆盖。

依赖的 DSH / Cordis 模块
@deepseek-ai/cordis@deepseek-ai/dsh-client-locale@deepseek-ai/dsh-client-store@deepseek-ai/dsh-client-ui-primitives@deepseek-ai/dsh-client-ui-renderer@deepseek-ai/dsh-client-ui-settings@deepseek-ai/dsh-client-ui-slots@deepseek-ai/dsh-client-ui-theme
给这个插件打分还没有人投票↓
用户评分
还没有人投票,来当第一个

功能亮点

  • 上传图片提取配色
  • 生成五色配色方案
  • 套用玻璃拟态界面

给 DeepSeek Harness 做的 Warp 风图生主题插件:上传背景图,提取配色,套上玻璃拟态界面。

README

由 DeepSeek 最新模型翻译生成
DSH 图像主题 一个受 Warp 启发的图像主题插件,适用于 DeepSeek Harness Web 客户端。 上传或拖入一张图片,插件将会: 1. 在 CIE Lab 空间中提取五种主色; 2. 从图像中最暗的颜色派生出半透明的浅色和深色玻璃表面; 3. 让你选择一种提取出的颜色作为 DSH 强调色; 4. 在应用主题令牌之前校正文本和强调色的对比度; 5. 将原始图像用作全窗口背景。 DSH 图像主题预览 功能特性 - 全幅背景图像,可调节深色叠加层、模糊、饱和度和位置。 - 在浏览器中进行确定性的五色 Lab k-means 调色板提取。 - 通过 ctx.theme.overrideTokens() 实时覆盖 DSH 令牌——无需硬编码修改宿主 UI。 - 专门的 设置 → 图像主题 区域,支持拖放上传和调色板控制。 - 浏览器本地隐私保护:图像以 Blob 形式存储在 IndexedDB 中,设置存储在 localStorage 中;不会上传任何内容。 - 可以在不丢失所选图像或设置的情况下禁用插件。 - 响应式设置界面并支持减少动态效果。
展开完整文档(README 剩余 1 节)
DSH 图像主题

一个受 Warp 启发的图像主题插件,适用于 DeepSeek Harness Web 客户端。

上传或拖入一张图片,插件将会:

1. 在 CIE Lab 空间中提取五种主色;
2. 从图像中最暗的颜色派生出半透明的浅色和深色玻璃表面;
3. 让你选择一种提取出的颜色作为 DSH 强调色;
4. 在应用主题令牌之前校正文本和强调色的对比度;
5. 将原始图像用作全窗口背景。

DSH 图像主题预览

功能特性

- 全幅背景图像,可调节深色叠加层、模糊、饱和度和位置。
- 在浏览器中进行确定性的五色 Lab k-means 调色板提取。
- 通过 ctx.theme.overrideTokens() 实时覆盖 DSH 令牌——无需硬编码修改宿主 UI。
- 专门的 设置 → 图像主题 区域,支持拖放上传和调色板控制。
- 浏览器本地隐私保护:图像以 Blob 形式存储在 IndexedDB 中,设置存储在 localStorage 中;不会上传任何内容。
- 可以在不丢失所选图像或设置的情况下禁用插件。
- 响应式设置界面并支持减少动态效果。

安装

该仓库包含预构建的 lib/ 产物,因此 DSH 配置文件可以直接从 GitHub 安装:

dsh plugin --profile add github:Carpon39038/dsh-image-theme

请将此插件版本与 DSH 0.1.2-rc.1 搭配使用。要升级 CLI:

npm install --global @deepseek-ai/dsh@0.1.2-rc.1
dsh --version

重启或刷新 DSH Web 客户端,然后打开 设置 → 图像主题。使用 dsh web 启动默认 Web 配置文件。

在开发过程中安装本地检出:

pnpm install
pnpm build
dsh plugin --profile add link:$PWD

随附的 .npmrc 禁用了自动对等依赖安装:DSH 在运行时提供 Cordis、React 和客户端 UI 服务。开发依赖固定了官方 DSH 0.1.2-rc.1 包,以便 TypeScript 检查实际发布的 API。

工作原理

调色板提取

浏览器将图像降采样至最多 96 × 96,最多采样 6,000 个不透明像素,将 RGB 转换为 CIE Lab,并使用最远点播种运行确定性 k-means。五个聚类按数量排序。

这遵循与 Warp 开源主题创建器相同的大致模型,后者使用 Lab 空间中的 Hamerly k-means,k = 5。本实现是为浏览器独立编写的,并使用确定性播种,因此相同的像素始终产生相同的调色板。

主题映射

插件将图像、深色表面颜色、前景色和强调色保留为独立的角色:

image → five-color palette → darkest color → light/dark glass surfaces
↘ selected color → contrast-safe accent

它会覆盖 DSH 的公共别名令牌,包括:

- --dsw-alias-bg-base
- --dsw-alias-bg-layer-1
- --dsw-alias-bg-layer-2
- --dsw-alias-bg-overlay
- --dsw-alias-border-l1 / --dsw-alias-border-l2
- --dsw-alias-brand-primary
- --dsw-alias-label-primary / --dsw-alias-label-secondary
- --dsw-specific-sidebar-fill

每个覆盖项都包含独立的 light 和 dark 值,这是 DSH 主题运行时所要求的。浅色模式使用浅色表面和深色文本;深色模式使用深色表面和浅色文本。系统模式跟随当前宿主调色板。

背景渲染

一个由插件拥有的固定背景层位于 DSH 根节点之后。应用程序令牌保持半透明,使图像能够透出,同时叠加层和表面不透明度保护可读性。卸载或禁用插件会释放令牌层并干净地移除背景。

开发

要求:Node.js 22+ 和 pnpm 10+。

pnpm install
pnpm typecheck
pnpm test

pnpm test 会先重新构建可分发包,然后针对已发布的 DSH ThemeRuntime、LocaleRuntime 和 SlotRegistry 运行调色板测试和集成检查。集成检查会在模拟 DOM 中加载实际的 lib/client.js 包装器,恢复已保存的壁纸,挂载设置组件,并演练区域设置变更、主题更新、禁用/重新启用、设置槽重新挂载以及插件释放。这些检查不会启动 Web 服务器,也不会替代可视化浏览器审查。

交互式设计预览位于 playground/:

cd playground
npm install
npm run dev

该预览导入了真实插件所使用的相同调色板和角色映射模块。其生成的音乐会背景是一个干净的演示资源,并非 Warp UI 的副本。

项目结构

src/client/palette.ts Lab 转换和确定性 k-means src/client/theme.ts DSH 令牌和对比度映射 src/client/controller.ts 生命周期、持久化、背景、令牌释放 src/client/storage.ts IndexedDB 图像 + localStorage 设置 src/client/ImageThemeSection.tsx DSH 设置页面 playground/ 可运行的交互式可视化预览

兼容性

插件 0.1.1 面向 DeepSeek Harness 0.1.2-rc.1 和 Cordis 4.0.2。客户端上下文现在来自 @deepseek-ai/cordis,槽位服务来自 @deepseek-ai/dsh-client-ui-renderer;不再请求已移除的 dsh-client-runtime 包。只有带有浏览器插件入口的包才会出现在 dsh.client.inject 中。DSH 仍在快速演进;在进一步升级之前,请验证已发布的客户端 API。

现有的版本 1 图像设置和 IndexedDB 图像会被保留。此前针对浅色模式的对比度修复已包含在内。

该插件仅适用于 Web。图像和偏好设置是每个浏览器配置文件本地的,不会在设备之间同步。

致谢

- DeepSeek Harness 提供了插件、设置槽和主题令牌 API。
- Warp 用于开源主题创建器参考,以及图像、背景、前景、强调色和不透明度角色的分离。

许可证

MIT
预览分享卡片长什么样 ↓Carpon39038/dsh-image-theme
分享 · DeepSeek Harness Hub
Carpon39038/dsh-image-theme

上传图片提取五色配色,一键套用玻璃质感界面

这是你的仓库?认领条目

回到顶部