dsh-theme-customizer 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/PATCH-CORDIS-BUTTON.md +1 -2
- package/README.en.md +194 -106
- package/README.md +92 -4
- package/lib/client.js +3191 -3108
- package/package.json +50 -50
package/PATCH-CORDIS-BUTTON.md
CHANGED
|
@@ -31,8 +31,7 @@ if (all.length === 0) return null;
|
|
|
31
31
|
if (all.length === 0 && window.__TCZ_HIDE_OFFICIAL_CORDIS) return null; /* [dsh-theme-customizer] Cordis按钮常驻补丁 */
|
|
32
32
|
```
|
|
33
33
|
|
|
34
|
-
⚠️ 千万不要加
|
|
35
|
-
导致 flag=false（常驻）时反而隐藏。语义：
|
|
34
|
+
⚠️ 千万不要加 `!`！，会导致 flag=false（常驻）时反而隐藏。语义：
|
|
36
35
|
- `window.__TCZ_HIDE_OFFICIAL_CORDIS = false` → 常驻（无插件也显示）
|
|
37
36
|
- `window.__TCZ_HIDE_OFFICIAL_CORDIS = true` → 官方原逻辑（无插件隐藏）
|
|
38
37
|
|
package/README.en.md
CHANGED
|
@@ -1,106 +1,194 @@
|
|
|
1
|
-
# dsh-theme-customizer
|
|
2
|
-
|
|
3
|
-
[](https://www.npmjs.com/package/dsh-theme-customizer)
|
|
4
|
-
[](LICENSE)
|
|
5
|
-
[](https://github.com/topics/dsh-plugin)
|
|
6
|
-
[](https://github.com/lxxz1918/dsh-theme-customizer/stargazers)
|
|
7
|
-
|
|
8
|
-
**English** | [中文](README.md)
|
|
9
|
-
|
|
10
|
-
> A theme customizer plugin for the DeepSeek Harness (DSH) web UI. Backgrounds, text colors, borders and details — all adjustable visually, persisted across restarts.
|
|
11
|
-
> Config is stored in localStorage; presets can be exported as `.tczp` files (images included) and shared with any machine.
|
|
12
|
-
|
|
13
|
-
##
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
dsh
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
-
|
|
98
|
-
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
1
|
+
# dsh-theme-customizer
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/dsh-theme-customizer)
|
|
4
|
+
[](LICENSE)
|
|
5
|
+
[](https://github.com/topics/dsh-plugin)
|
|
6
|
+
[](https://github.com/lxxz1918/dsh-theme-customizer/stargazers)
|
|
7
|
+
|
|
8
|
+
**English** | [中文](README.md)
|
|
9
|
+
|
|
10
|
+
> A theme customizer plugin for the DeepSeek Harness (DSH) web UI. Backgrounds, text colors, borders and details — all adjustable visually, persisted across restarts.
|
|
11
|
+
> Config is stored in localStorage; presets can be exported as `.tczp` files (images included) and shared with any machine.
|
|
12
|
+
|
|
13
|
+
## 🎨 Theme Gallery
|
|
14
|
+
|
|
15
|
+
Four AI-generated wallpaper themes (alternating dark/bright), each with two main-UI "display area" modes: **include sidebar** (one full-screen background) and **exclude sidebar** (main area + independent portrait sidebar background), plus matching `.tczp` presets for one-click import (see "Asset Pack" below).
|
|
16
|
+
|
|
17
|
+
| 🌌 Aurora Nights (dark) | 🌇 Sunset Clouds (bright) |
|
|
18
|
+
|:---:|:---:|
|
|
19
|
+
|  |  |
|
|
20
|
+
| **🌃 Cyber Nights (dark)** | **🌸 Sakura Sky (bright)** |
|
|
21
|
+
|  |  |
|
|
22
|
+
|
|
23
|
+
## 📸 Screenshots
|
|
24
|
+
|
|
25
|
+
Each theme has two modes (presets `-0` / `-1`): **display area includes sidebar** (one full-screen background) and **display area excludes sidebar** (main area + independent portrait sidebar background). Each mode has 3 shots: front-1 / front-2 / settings.
|
|
26
|
+
|
|
27
|
+
<details>
|
|
28
|
+
<summary>🌌 Aurora Nights (dark)</summary>
|
|
29
|
+
|
|
30
|
+
**Display area includes sidebar (-0)**
|
|
31
|
+
|
|
32
|
+
| Front 1 | Front 2 | Settings |
|
|
33
|
+
|:---:|:---:|:---:|
|
|
34
|
+
|  |  |  |
|
|
35
|
+
|
|
36
|
+
**Display area excludes sidebar (-1)**
|
|
37
|
+
|
|
38
|
+
| Front 1 | Front 2 | Settings |
|
|
39
|
+
|:---:|:---:|:---:|
|
|
40
|
+
|  |  |  |
|
|
41
|
+
|
|
42
|
+
</details>
|
|
43
|
+
|
|
44
|
+
<details>
|
|
45
|
+
<summary>🌇 Sunset Clouds (bright)</summary>
|
|
46
|
+
|
|
47
|
+
**Display area includes sidebar (-0)**
|
|
48
|
+
|
|
49
|
+
| Front 1 | Front 2 | Settings |
|
|
50
|
+
|:---:|:---:|:---:|
|
|
51
|
+
|  |  |  |
|
|
52
|
+
|
|
53
|
+
**Display area excludes sidebar (-1)**
|
|
54
|
+
|
|
55
|
+
| Front 1 | Front 2 | Settings |
|
|
56
|
+
|:---:|:---:|:---:|
|
|
57
|
+
|  |  |  |
|
|
58
|
+
|
|
59
|
+
</details>
|
|
60
|
+
|
|
61
|
+
<details>
|
|
62
|
+
<summary>🌃 Cyber Nights (dark)</summary>
|
|
63
|
+
|
|
64
|
+
**Display area includes sidebar (-0)**
|
|
65
|
+
|
|
66
|
+
| Front 1 | Front 2 | Settings |
|
|
67
|
+
|:---:|:---:|:---:|
|
|
68
|
+
|  |  |  |
|
|
69
|
+
|
|
70
|
+
**Display area excludes sidebar (-1)**
|
|
71
|
+
|
|
72
|
+
| Front 1 | Front 2 | Settings |
|
|
73
|
+
|:---:|:---:|:---:|
|
|
74
|
+
|  |  |  |
|
|
75
|
+
|
|
76
|
+
</details>
|
|
77
|
+
|
|
78
|
+
<details>
|
|
79
|
+
<summary>🌸 Sakura Sky (bright)</summary>
|
|
80
|
+
|
|
81
|
+
**Display area includes sidebar (-0)**
|
|
82
|
+
|
|
83
|
+
| Front 1 | Front 2 | Settings |
|
|
84
|
+
|:---:|:---:|:---:|
|
|
85
|
+
|  |  |  |
|
|
86
|
+
|
|
87
|
+
**Display area excludes sidebar (-1)**
|
|
88
|
+
|
|
89
|
+
| Front 1 | Front 2 | Settings |
|
|
90
|
+
|:---:|:---:|:---:|
|
|
91
|
+
|  |  |  |
|
|
92
|
+
|
|
93
|
+
</details>
|
|
94
|
+
|
|
95
|
+
## Features
|
|
96
|
+
|
|
97
|
+
- **Interface module (7 background areas)**: Main / Sidebar / Conversation / Composer / Settings panel / Floating panel / Cordis panel
|
|
98
|
+
- Each area: None / Solid color / Image (with crop & selection) + opacity (**larger value = more transparent**) + base color (independent layer)
|
|
99
|
+
- Main background supports "include sidebar / exclude sidebar" display area toggle
|
|
100
|
+
- Sidebar image fades out directly via mask — never covers the top UI or the settings panel
|
|
101
|
+
- **Borders module**: color + opacity for all default UI borders/dividers, independently for 5 areas (Main incl. sidebar / Cordis / Composer / Settings / Floating panel)
|
|
102
|
+
- **Text colors module**: 5 categories (Body / Process / Auxiliary / Faded / Accent), shared across light & dark themes, restorable to official defaults
|
|
103
|
+
- **Brand color**: color + opacity for the top-left DeepSeek Harness logo; the "Harness" wordmark can be tinted separately
|
|
104
|
+
- **Conversation details**: user bubble / inline code / code block background / code block scrollbar / conversation scrollbar / todo panel collapsed & expanded / "scroll to bottom" button background
|
|
105
|
+
- **Composer**: background, fixed input height (1–10 rows), stats line takeover (9 independent toggles + full expand), command button & menu backgrounds
|
|
106
|
+
- **New session button**: None/Solid/Image style + show text/icon toggles + independent icon/text colors + base color
|
|
107
|
+
- **Layout**: draggable settings panel (drag its header; position persisted; one-click reset)
|
|
108
|
+
- **Floating panel**: a draggable mini settings panel (choose which modules to show), always on top
|
|
109
|
+
- **Presets**: save/apply/rename/delete/export/import (`.tczp`, images included, up to 10) + drag-to-reorder
|
|
110
|
+
- **Global reset**: one click to restore all defaults (3-step confirm to prevent accidents)
|
|
111
|
+
|
|
112
|
+
## Installation
|
|
113
|
+
|
|
114
|
+
```bash
|
|
115
|
+
# Option 1: npm (published package)
|
|
116
|
+
npm install -g dsh-theme-customizer
|
|
117
|
+
dsh plugin --profile web add dsh-theme-customizer
|
|
118
|
+
|
|
119
|
+
# Option 2: local directory (after cloning this repo)
|
|
120
|
+
dsh plugin --profile web add <path-to-this-repo>
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
Then **restart dsh web** for it to take effect. Verify: Settings → Theme should appear.
|
|
124
|
+
|
|
125
|
+
## Usage
|
|
126
|
+
|
|
127
|
+
1. Open **Settings → Theme** and adjust by module; changes apply instantly and save automatically (the bottom of the page shows "last saved" time)
|
|
128
|
+
2. For quick tweaks, click "↗ Open float panel" at the top right — the panel is draggable
|
|
129
|
+
3. To verify the conversation-area options, use the test text in [对话区测试指令.md](对话区测试指令.md)
|
|
130
|
+
|
|
131
|
+
## Persistent Cordis button (optional)
|
|
132
|
+
|
|
133
|
+
The "Cordis button always visible" toggle in Theme settings **requires a patch to the official dsh-client-ui-cordis package**; without the patch the toggle has no effect. One-click install:
|
|
134
|
+
|
|
135
|
+
```bash
|
|
136
|
+
node apply-patch.cjs # apply patch (auto backup)
|
|
137
|
+
node apply-patch.cjs --check # check status
|
|
138
|
+
node apply-patch.cjs --undo # revert
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
⚠️ **DSH upgrades overwrite the official package** — re-run `apply-patch.cjs` after upgrading. Details in [PATCH-CORDIS-BUTTON.md](PATCH-CORDIS-BUTTON.md).
|
|
142
|
+
|
|
143
|
+
## Build from source (developers)
|
|
144
|
+
|
|
145
|
+
```bash
|
|
146
|
+
# 1. Concatenate source fragments (optimized/src/ → optimized/dist/, with syntax check + line map/symbols)
|
|
147
|
+
node optimized\build.cjs
|
|
148
|
+
|
|
149
|
+
# 2. Generate the static client bundle (dist/p3_2_client.js → lib/client.js)
|
|
150
|
+
node build_static.cjs optimized\dist\p3_2_client.js lib\client.js
|
|
151
|
+
|
|
152
|
+
# 3. Syntax check + install for testing
|
|
153
|
+
node --check lib\client.js
|
|
154
|
+
dsh plugin --profile web add <path-to-this-repo>
|
|
155
|
+
```
|
|
156
|
+
|
|
157
|
+
Source layout: `optimized/src/` contains 16 fragments (`00_*`~`15_*` + `host.js`) concatenated in filename order into the plugin function body. Look up features in `optimized/INDEX.md`.
|
|
158
|
+
|
|
159
|
+
## Preset files (.tczp)
|
|
160
|
+
|
|
161
|
+
Presets panel → "Import preset" and pick a `.tczp` file to restore a whole config (images included — no original files needed). Export each preset via "Export" in the same panel.
|
|
162
|
+
|
|
163
|
+
## 📦 Asset Pack
|
|
164
|
+
|
|
165
|
+
The **full assets** for all four themes (original wallpapers + 8 `.tczp` presets + all showcase screenshots) are packed in `展示.zip` attached to [GitHub Releases](https://github.com/lxxz1918/dsh-theme-customizer/releases). Download and extract with 7-Zip:
|
|
166
|
+
|
|
167
|
+
```
|
|
168
|
+
展示/
|
|
169
|
+
├── readme展示图/ # README screenshots (4 themes × 2 variants × 3 shots)
|
|
170
|
+
├── 展示1/ ~ 展示4/ # Each: original wallpapers (landscape + portrait) + 2 .tczp presets + shots
|
|
171
|
+
└── (wallpaper originals: 展示N/N-0, N-1)
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
> Import: Settings → Theme → Presets → Import → pick `展示N-N.tczp` — images included, full effect restored in one click.
|
|
175
|
+
|
|
176
|
+
## Uninstall
|
|
177
|
+
|
|
178
|
+
```bash
|
|
179
|
+
dsh plugin --profile web remove dsh-theme-customizer
|
|
180
|
+
```
|
|
181
|
+
|
|
182
|
+
## Contact & Feedback
|
|
183
|
+
|
|
184
|
+
- Bugs / feature requests → open an [issue](https://github.com/lxxz1918/dsh-theme-customizer/issues)
|
|
185
|
+
- Maintenance: issues are reviewed and replied to **every Sunday**
|
|
186
|
+
- Bilibili: [homepage](https://space.bilibili.com/38175333)
|
|
187
|
+
|
|
188
|
+
## AI Usage
|
|
189
|
+
|
|
190
|
+
This project is designed and reviewed by [lxxz1918](https://github.com/lxxz1918); the code is written with the assistance of an AI assistant (DeepSeek). All feature requirements, UI copy and final results are confirmed by the author.
|
|
191
|
+
|
|
192
|
+
## License
|
|
193
|
+
|
|
194
|
+
[MIT](LICENSE)
|
package/README.md
CHANGED
|
@@ -10,12 +10,87 @@
|
|
|
10
10
|
> DeepSeek Harness（DSH）Web 界面自定义主题插件：背景、文字、框线、细节全部可视化设置，刷新/重启不丢。
|
|
11
11
|
> 配置存 localStorage，预设可导出 `.tczp` 文件（含图片）分享到任意电脑。
|
|
12
12
|
|
|
13
|
-
##
|
|
13
|
+
## 🎨 主题展示
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
四套 AI 生成壁纸主题（亮暗交替排列），每套含两种主界面「显示区域」模式：**包含侧边栏**（整屏一体）与**不包含侧边栏**（主体独立 + 侧边栏独立竖版壁纸），配套 `.tczp` 预设一键导入（见下方「素材包」）。
|
|
16
|
+
|
|
17
|
+
| 🌌 星空极光（暗） | 🌇 黄昏云海（亮） |
|
|
18
|
+
|:---:|:---:|
|
|
19
|
+
|  |  |
|
|
20
|
+
| **🌃 赛博夜景（暗）** | **🌸 樱花晴天（亮）** |
|
|
21
|
+
|  |  |
|
|
22
|
+
|
|
23
|
+
## 📸 界面截图
|
|
24
|
+
|
|
25
|
+
每套主题两种模式（对应预设 `-0` / `-1`）：**显示区域包含侧边栏**（整屏一体背景）与**显示区域不包含侧边栏**（主体独立 + 侧边栏独立竖版壁纸）。每种模式 3 张：正面-1 / 正面-2 / 设置面。
|
|
26
|
+
|
|
27
|
+
<details>
|
|
28
|
+
<summary>🌌 星空极光（暗）</summary>
|
|
29
|
+
|
|
30
|
+
**显示区域包含侧边栏（-0）**
|
|
31
|
+
|
|
32
|
+
| 正面-1 | 正面-2 | 设置面 |
|
|
33
|
+
|:---:|:---:|:---:|
|
|
34
|
+
|  |  |  |
|
|
35
|
+
|
|
36
|
+
**显示区域不包含侧边栏（-1）**
|
|
37
|
+
|
|
38
|
+
| 正面-1 | 正面-2 | 设置面 |
|
|
39
|
+
|:---:|:---:|:---:|
|
|
40
|
+
|  |  |  |
|
|
41
|
+
|
|
42
|
+
</details>
|
|
43
|
+
|
|
44
|
+
<details>
|
|
45
|
+
<summary>🌇 黄昏云海（亮）</summary>
|
|
46
|
+
|
|
47
|
+
**显示区域包含侧边栏（-0）**
|
|
48
|
+
|
|
49
|
+
| 正面-1 | 正面-2 | 设置面 |
|
|
50
|
+
|:---:|:---:|:---:|
|
|
51
|
+
|  |  |  |
|
|
52
|
+
|
|
53
|
+
**显示区域不包含侧边栏（-1）**
|
|
54
|
+
|
|
55
|
+
| 正面-1 | 正面-2 | 设置面 |
|
|
56
|
+
|:---:|:---:|:---:|
|
|
57
|
+
|  |  |  |
|
|
58
|
+
|
|
59
|
+
</details>
|
|
60
|
+
|
|
61
|
+
<details>
|
|
62
|
+
<summary>🌃 赛博夜景（暗）</summary>
|
|
63
|
+
|
|
64
|
+
**显示区域包含侧边栏（-0）**
|
|
65
|
+
|
|
66
|
+
| 正面-1 | 正面-2 | 设置面 |
|
|
67
|
+
|:---:|:---:|:---:|
|
|
68
|
+
|  |  |  |
|
|
69
|
+
|
|
70
|
+
**显示区域不包含侧边栏（-1）**
|
|
71
|
+
|
|
72
|
+
| 正面-1 | 正面-2 | 设置面 |
|
|
73
|
+
|:---:|:---:|:---:|
|
|
74
|
+
|  |  |  |
|
|
75
|
+
|
|
76
|
+
</details>
|
|
77
|
+
|
|
78
|
+
<details>
|
|
79
|
+
<summary>🌸 樱花晴天（亮）</summary>
|
|
80
|
+
|
|
81
|
+
**显示区域包含侧边栏（-0）**
|
|
82
|
+
|
|
83
|
+
| 正面-1 | 正面-2 | 设置面 |
|
|
16
84
|
|:---:|:---:|:---:|
|
|
17
|
-
|
|
|
18
|
-
|
|
85
|
+
|  |  |  |
|
|
86
|
+
|
|
87
|
+
**显示区域不包含侧边栏（-1）**
|
|
88
|
+
|
|
89
|
+
| 正面-1 | 正面-2 | 设置面 |
|
|
90
|
+
|:---:|:---:|:---:|
|
|
91
|
+
|  |  |  |
|
|
92
|
+
|
|
93
|
+
</details>
|
|
19
94
|
|
|
20
95
|
## 功能一览
|
|
21
96
|
|
|
@@ -85,6 +160,19 @@ dsh plugin --profile web add <本仓库路径>
|
|
|
85
160
|
|
|
86
161
|
预设面板 → 「导入预设」选择 `.tczp` 文件即可恢复整套配置（含图片，无需原图）。导出同样在预设面板逐条「导出」。
|
|
87
162
|
|
|
163
|
+
## 📦 素材包
|
|
164
|
+
|
|
165
|
+
四套主题的**完整素材**（壁纸原图 + 8 个 `.tczp` 预设 + 全部展示截图）打包在 [GitHub Releases 附件](https://github.com/lxxz1918/dsh-theme-customizer/releases) 的 `展示.zip` 中，下载后 7-Zip 解压即可：
|
|
166
|
+
|
|
167
|
+
```
|
|
168
|
+
展示/
|
|
169
|
+
├── readme展示图/ # README 用展示截图（4 主题 × 2 方案 × 3 张）
|
|
170
|
+
├── 展示1/ ~ 展示4/ # 每套：壁纸原图（横版 + 竖版）+ 2 个 .tczp 预设 + 截图
|
|
171
|
+
└── （壁纸竖版/横版原图见 展示N/N-0、N-1）
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
> 预设导入：设置 → 主题 → 预设面板 → 导入预设 → 选 `展示N-N.tczp`，自动带图还原整套效果。
|
|
175
|
+
|
|
88
176
|
## 卸载
|
|
89
177
|
|
|
90
178
|
```bash
|