dsh-custom-style
在设置中提供自定义CSS样式管理面板 适合想要自由调整DSH界面布局、字号、圆角等样式,且需要即时生效的用户。
同名套件的其他儲存庫
安裝
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:yutao8/dsh-custom-style說明文件
閱讀完整 README ↗使用
打开 设置 → 自定义样式。面板里有:
| 面板区域 | 能做什么 |
|---|---|
| 样式目录 | 显示当前目录;「打开目录」用系统文件管理器打开(Windows 为 explorer) |
| 样式文件 | 列出每个 *.css 及其大小;新建一个,或删除选中的 |
| 编辑器 | 把选中文件读进文本框——点「保存」立即写盘并当场重新注入样式 |
| 常用调节 | 九个数字——弹窗宽/高/两侧留白、导航宽、正文字号、代码字号、圆角、滚动条宽、内容居中宽度——外加「宽视野 / 紧凑 / 恢复原厂」三组预设;点「应用」写入 20-quick-settings.css,重新打开面板时会自动读回这些值 |
| 选择器速查 | 13 条经过核实的稳定选择器,每条注明它控制什么,点「插入」把现成片段写进当前文件 |
| 重新载入 | 立即拉取并重新注入样式,不用等轮询 |
习惯直接改文件也行:编辑 %DSH_HOME%\dsh-custom-style\(默认 C:\Users\\.dsh\dsh-custom-style\)
下的任意 *.css——两条路操作的是同一个目录:
/* 01-my-tweaks.css —— 保存后约 2 秒生效 */
[data-shortcut-modal="settings"] { width: 1200px !important; } /* 设置弹窗宽度(原厂 800px) */
[data-shortcut-modal="settings"] nav { width: 220px !important; } /* 左侧导航宽度(原厂 188px) */
body { --dsh-content-font-size: 15px !important; } /* 会话正文字号 */
- 文件名决定拼接顺序(
00-在前、99-在后),同特异性下后者胜出。 - 只有在与官方规则特异性相同时才需要
!important(弹窗宽度就是这种情况)。 - 新建、改名、删除文件都会在下一轮询(≤2 秒)自动反映。
- 想把样式放在别处:设
DSH_CUSTOM_STYLE_DIR为绝对路径,宿主半身会改读那个目录。