文档
Theme Studio
编辑驱动 NoSqlStudio 外观的 ~190 个 CSS 变量中的任何一个 — color、surface、divider、typography、spacing、radius。保存为命名主题。按会话应用或作为默认。WCAG AAA 对比度审计持续运行。
它是什么
带 8 个 token 类别的 workspace tab(color、surface、divider、accent、status、typography、spacing、radius)。每个 token 实时编辑相应的 CSS 变量 — 无需重新构建,无需重启应用。将当前集保存为命名主题;从 View → Change Theme 切换主题。
何时使用
当您在应用中花费长时间会话并希望个性化外观(Cobalto blue / Solarized / Monochrome dark 等)或当企业品牌要求合规证据截图中的一致颜色时进行自定义。对比度审计确保无障碍性回归无法落地。
如何打开
- 在 NoSqlStudio 桌面应用中,打开 View 菜单 → Change Theme → Theme Studio,或按 Ctrl+Alt+T。
- workspace tab 打开,顶部有 8 个类别 tabs,中间为实时预览面板,右侧为 WCAG 审计。
- 选择类别,使用颜色选择器 / 数字输入 / 下拉菜单调整 tokens。更改在整个应用中实时应用。
使用它
- Color 类别 — surface、surfaceRaised、accent、divider、fg、fgMuted、fgInverse。每个 token 显示 hex + RGB + 渲染的 swatch。
- WCAG AAA 审计 — 在每次更改时运行。列出每个前景/背景对及其对比度比率和 AAA / AA / fail 标志。标记为 fail 的对以红色高亮。
- Save / load 主题 — 命名您的集合,保存到 userData/Themes/ 下的磁盘,导出为 JSON 与队友共享,导回他们的 JSON。包含的默认主题是 Cobalto。
- 无边框窗口 — Theme Studio 还控制标题栏样式(无边框 / OS 原生)。对截图一致性有用。
限制(v1)
- Token 粒度固定为 ~190 个变量。添加新 CSS 变量需要代码更改 — Theme Studio 不能定义新变量,只能编辑现有变量。
- 一些 legacy surfaces(例如较旧的 Leafygreen widgets)忽略 token 系统并使用硬编码的 palette 颜色。ESLint 阻止新的回归,但历史 surfaces 保留。
- 主题 JSON 文件是本地优先的;通过您的文件同步(Dropbox / git)在工作站之间共享。