把 OpenCode 终端 TUI 内置 opencode 主题的配色移植到桌面端聊天区，另外做了几处聊天区定制。侧栏、设置、菜单、弹窗、底部工具面板等区域保持你在 Settings → Appearance → Theme 选的主题。
这是一个 OpenCode Desktop 的 GUI Style 插件（./gui-experimental）。仓库本身即一个可直接安装的插件包：clone 到配置目录就能用，无需构建、无需发 npm。
- 桌面主题（
Theme）作用于整个窗口，无法只改聊天区。 - 聊天区的正文、工具行、代码块读的是 v2 token（
--v2-text-text-base、--v2-background-bg-layer-02等），不读--markdown-*。早先那版全窗口主题覆盖了markdown-*，但聊天正文不消费这些变量，所以看起来没生效。 - 现在用
Style注入作用域 CSS：变量声明在聊天容器上靠继承生效，改不动的地方补元素级规则。
| 路径 | 作用 |
|---|---|
package.json |
插件清单：name 决定插件 ID，exports 把 ./gui-experimental 指到产物，scripts 固化生成与校验 |
assets/opencode.json |
TUI opencode 主题源快照（OpenCode v2.2.6，MIT），让仓库自包含，生成时不依赖外部的 opencode/ 源码克隆 |
assets/LICENSE |
上游 OpenCode 的 MIT 许可文本，随 assets/opencode.json 一起分发 |
src/generate.mjs |
生成器：解析 $hue.* / $token 引用，产出 dist/ 两个文件；所有定制都只改这里 |
dist/chat.css |
生成的作用域 CSS，供人阅读核对；勿手改 |
dist/gui-experimental.cjs |
生成的 GUI 插件入口，内联同一份 CSS 并 ctx.add(Style, …)；勿手改 |
scripts/verify.mjs |
产物校验：CJS 语法、替身 SDK 求值、CSS 逐字节一致、作用域与保留/撤销项检查 |
README.md |
使用说明、目录结构、定制清单、作用域挂载点 |
AGENTS.md |
给协作者 / AI 的改动约束、生成链路与维护约定 |
LICENSE / .gitignore |
本项目许可、忽略规则 |
dist/ 是交付产物，必须提交，不要写进 .gitignore——clone 仓库后靠它加载插件。package.json 的 name 与目录名一致（opencode-theme），所以插件 ID 不变。
需要 bun（src/generate.mjs 是纯 ESM，也可直接 node src/generate.mjs）：
bun run generate # 重写 dist/chat.css 与 dist/gui-experimental.cjs
bun run verify # 校验产物，失败退出码非 0verify 用替身 @opencode/plugin/gui 求值 dist/gui-experimental.cjs，确认 setup 只注册一次 Style、内联 CSS 与 dist/chat.css 逐字节一致、没有 :root / line-height / padding: 等已撤销的排版声明，并确认作用域选择器、1200px 列宽、斑马纹、列线等保留项仍在。
首次安装——仓库即插件包，直接 clone 到配置目录：
git clone https://github.com/igofind/opencode-theme.git \
~/.config/opencode/plugins/opencode-theme目标目录必须不存在或为空；已有旧目录先移走。OpenCode 会热重载插件，不需要重启应用。
本地开发时把工作目录同步到已安装目录（--delete 用来清掉结构调整后残留的旧平铺文件）：
rsync -a --delete --exclude=.git \
./ ~/.config/opencode/plugins/opencode-theme/验证：
opencode plugin list
opencode api get "/api/plugin/gui?id=opencode-theme"plugin list 应出现 opencode-theme；API 返回的 bundle 应包含 Style、聊天区选择器与 --container-session: 1200px。
package.json的exports只映射./gui-experimental，不要加"."条目：Host.resolve还会用包名解析空子路径当作 server 入口，加了会让 server 误指向 GUI bundle（见packages/plugin/src/host.ts）。
2.2.6 里的稳定挂载点：
[data-slot="session-timeline-scroll"]：时间线 ScrollView 根节点[data-component="session-composer-dock"]：输入框 dock[data-slot="session-chat-panel"]：整个聊天面板（只用于面板底色）
明暗由 <html data-color-scheme="dark|light"> 决定，所以选择器形如：
[data-color-scheme="dark"] :is([data-slot="session-timeline-scroll"], [data-component="session-composer-dock"]) { … }- 正文、次要文字、边框、滚动条颜色
- 代码高亮：
function → syntax-primitive、number → syntax-constant是桌面highlight-theme.tsx固定的角色映射 - Markdown 角色：标题、加粗、斜体、引用、列表标记、分隔线。桌面样式没有对应变量（统一取
text-base/text-muted），用元素规则实现 - diff 前景色与折叠区背景色
| 项 | 当前值 | 桌面原生值 |
|---|---|---|
| 聊天面板底色 | dark #141414 / light #fafafa |
与区外同色 |
| 用户输入块 | 靠左、铺满整行 | 靠右气泡，max-width: min(82%, 64ch) |
| 用户气泡 | interactive 色 18% tint、无圆角、左侧 3px 竖条锚点 | 灰底、10px 圆角 |
| 消息操作行 | 常驻显示：用户消息的 meta 行与气泡角 chevron、助手消息的复制等操作行 | 原生在 @media (hover: hover) 下 opacity: 0，需悬停才显现 |
| 表格 | 偶数行灰底、列间 0.5px 竖线；行高与内边距为原生 | 行高 16px、单元格上下 10px、无斑马纹、无列分隔线 |
| 思考区（reasoning） | 只恢复颜色：标题/斜体/引用/行内代码 inherit，加粗与列表标记 text-muted；行高、字号、块间距均为应用原生 |
应用本就弱化颜色，我们的元素级着色规则会盖住它，故显式让回颜色 |
| 聊天列宽 | 1200px（--container-session，声明在 [data-slot="session-chat-panel"]） |
--container-session：默认 744px；focused 488px / wide 1000px |
列宽这一条会覆盖 Settings → General → Timeline width 的选择：CSS 变量声明在聊天面板这个后代上，优先于 :root 的继承值，但只作用于聊天区。语义是 max-width——窗口不够宽时仍铺满可用宽度，不会溢出；宽窗口下内容居中封顶 1200px。想回到内置三档，删掉 src/generate.mjs 里的 chatWidth() 即可。preparing/pending 状态的渲染不在 session-chat-panel 内，那一瞬仍是应用原宽度。
行高、块间距、字号、表格行高与内边距均为应用原生值，所以没列进上表。曾把 --font-size-base 降到 13px、正文行高改 1.45、块间距收紧、表格钉 32px 行高，现已全部撤掉；要再加回，改 src/generate.mjs 里 chatCss() 的 elements 与 userBubble()。工具行、表格、思考区这些写死 13px 的地方不受字号变量影响。
聊天区底色由祖先面板框绘制，变量只向下继承，所以作用域内必须同时写 background-color，光改变量改不到背景。
- 只输出有消费者的变量。
--markdown-*、surface-diff-add-*/surface-diff-delete-*、syntax-object/success/warning/critical在桌面端无人读取，已删除，别再加回来。 - 判断消费方别只 grep
var(--name)：syntax-*由highlight-theme.tsx作为 CSS 变量名交给代码高亮库，在代码块 token 元素上解析，构建 CSS 里几乎没有var(--syntax-*)；diff-*的消费者在diff-changes.css/file.css，它们挂在时间线工具行内。 - 选择器先确认挂载点在聊天区：
user-message-meta-tail只在 btw 侧面板（gui-plugins/src/btw/panel.tsx）渲染，不在session-timeline-scroll/session-composer-dock内，相关规则已删除。 - 改完
src/generate.mjs必须跑bun run generate && bun run verify；替身 SDK 求值与 CSS 一致性检查已写进scripts/verify.mjs，不必手工再求值。 - 作用域依赖上述
data-slot/data-component挂载点，升级 OpenCode 后先复核它们是否还在。 - GUI 插件 API 在 2.2.6 仍为 experimental。
- 本项目代码：MIT，见
LICENSE。 assets/opencode.json来自 OpenCodev2.2.6的packages/tui/src/theme/assets/v2/opencode.json，MIT（Copyright (c) 2025 opencode），许可文本见assets/LICENSE。
- 只影响聊天区：字体族、阴影、动效、侧栏、设置页、菜单和弹窗都保持原主题。
- 代码块底色与聊天区同色（TUI 里代码块没有独立底色），所以比默认主题更“平”。
- 颜色值来自 TUI 主题解析，没有做逐像素截图校对。