dsh-compact-chat-ui
Manifest validDSH web plugin: a settings card to tune chat reading density — font size, line height, and block spacing of the conversation area (assistant markdown + user bubbles), applied live
dsh-compact-chat-ui
DSH web 插件:为聊天内容区提供排版设置卡片(设置 → 插件 → 可配置), 可实时调整字号、行高、块间距;输入框与界面其他部分保持原生大小。
原理
聊天正文排版硬编码在两处且无设置项:
- 助手 markdown 由 shell 设计令牌控制(
body上--dsw-font-markdown-base: 16px/28px, 以font: var(...)显式消费,不吃继承); - 用户气泡 直接在 CSS module 里写
font-size:16px,类名哈希每次构建都变。
插件在浏览器端运行时发现真实选择器/令牌并生成覆盖样式(改构建哈希不影响):
- 令牌:读取 computed style,按比例改写后带
!important原位覆盖 - 规则:只扫白名单模块(
MessageItem/AssistantMarkdown,不含InputBar) - 块间距:缩放
_markdown_系规则的 margin 与消息体 flex gap,重置li::marker的 28px 钉死行高
安装
npm pack # 生成 dsh-compact-chat-ui-0.5.0.tgz
dsh plugin --profile web add ./dsh-compact-chat-ui-0.5.0.tgz
安装后重启一次应用(宿主在启动时装载插件清单),刷新页面生效。
使用
设置 → 插件 → 可配置 tab → “聊天区排版”卡片:
| 滑杆 | 范围 | 默认 | 原始值 |
|---|---|---|---|
| 字号 | 11–18px | 15px | 16px |
| 行高 | 1.20–2.00 | 1.50 | ~1.75 |
| 块间距 | 25%–150% | 50% | 100% |
改动即时生效并自动保存(localStorage),也可用控制台:
localStorage.setItem("dsh-compact-chat-ui:px", "14"); // 字号
localStorage.setItem("dsh-compact-chat-ui:lh", "1.4"); // 行高
localStorage.setItem("dsh-compact-chat-ui:mg", "0.5"); // 块间距
location.reload();
卸载
dsh plugin --profile web remove dsh-compact-chat-ui
Comments
Loading…
Similar plugins
by yunxiyang
DSH web client plugin: pins the conversation column to a configurable percentage of its width (default full width) instead of the built-in 680-920px reading measure.
★ 0
MIT
JavaScript
Sep 13, 2026
dsh plugin --profile web add dsh-wide-conversationby supergameboy
dsh web conversation plugin: fold runtime activity into expandable boxes, chat bubbles, deep customization (fork of dsh-client-ui-conversation)
★ 0
JavaScript
Sep 10, 2026
dsh plugin --profile web add dsh-chat-focusby Free-corner
DSH chat tools plugin;Make the interface more efficient, add content area width adjustment, question history, and add a table of contents outline feature for markdown format.
★ 3
MIT
JavaScript
Sep 2, 2026
dsh plugin --profile web add dsh-chat-toolsby xingyingyuzhui
DeepSeek Harness plugin: tune chat font, width, line height, and paragraph spacing
★ 0
MIT
JavaScript
Sep 11, 2026
dsh plugin --profile web add dsh-chat-tuneby LyaxZ
Font plugin for the DeepSeek Harness Web GUI: the conversation gets its own font, size, line height and weight, the interface has a font and a weight of its own and follows the conversation by default
★ 0
MIT
JavaScript
Sep 16, 2026
dsh plugin --profile web add dsh-fonttuneby Han-1413141
DSH Web client plugin: collapse every expanded section (Think / tool cards) in the conversation in one click, with a customizable hotkey.
★ 2
MIT
JavaScript
Aug 15, 2026
dsh plugin --profile web add dsh-sticky-disclosure