iter(g243): 文档站与演示页外壳配色改为从令牌派生，消除暗色强调色漂移

packages/tools/cli/bin/ua.js

@@ -6,6 +6,7 @@ import { fileURLToPath } from 'node:url';
 import { spawnSync } from 'node:child_process';
 import { visualAudit } from '../lib/visual-audit.mjs';
 import { auditContrast, formatReport, PAIRS } from '../lib/contrast-audit.mjs';
+import { shellPalette } from '../lib/shell-palette.mjs';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
@@ -328,6 +329,9 @@ function renderDocs(index, tokens) {
   const data = JSON.stringify(index.packages).replace(/</g, '\\u003c');
   const tokData = JSON.stringify(tokens).replace(/</g, '\\u003c');
   const generatedAt = esc(index.generatedAt);
+  // 文档站外壳配色从 tokens.json 派生：手写十六进制会跟令牌脱节（改暗色 accent 后这里还留着旧值，
+  // 页面与演示 iframe 两个蓝各显示一种），派生后单一来源，改令牌即全站跟随。
+  const shell = shellPalette(tokens);
   return `<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
@@ -335,9 +339,9 @@ function renderDocs(index, tokens) {
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>@ui-arch 组件库文档</title>
 <style>
-:root{--bg:#ffffff;--surface:#f6f7f9;--text:#1c1e21;--muted:#6b7280;--border:rgba(0,0,0,.14);--accent:#185fa5;--code-bg:#101216;--code-text:#e7e9ec}
-@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101216;--surface:#1a1c22;--text:#e7e9ec;--muted:#888780;--border:rgba(255,255,255,.15);--accent:#378add}}
-:root[data-theme=dark]{--bg:#101216;--surface:#1a1c22;--text:#e7e9ec;--muted:#888780;--border:rgba(255,255,255,.15);--accent:#378add}
+:root{--bg:${shell.bg};--surface:${shell.surface};--text:${shell.text};--muted:${shell.muted};--border:${shell.border};--accent:${shell.accent};--code-bg:${shell.codeBg};--code-text:${shell.codeText}}
+@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:${shell.darkBg};--surface:${shell.darkSurface};--text:${shell.darkText};--muted:${shell.darkMuted};--border:${shell.darkBorder};--accent:${shell.darkAccent}}}
+:root[data-theme=dark]{--bg:${shell.darkBg};--surface:${shell.darkSurface};--text:${shell.darkText};--muted:${shell.darkMuted};--border:${shell.darkBorder};--accent:${shell.darkAccent}}
 *{box-sizing:border-box}
 body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 -apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
 header{position:sticky;top:0;z-index:2;display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 24px;background:var(--bg);border-bottom:1px solid var(--border)}