update

renderer/themes/tokens.css

@@ -0,0 +1,71 @@
+/**
+ * tokens.css — 颜色/间距/字号/圆角/阴影/字体语义化变量
+ * 仅定义变量，具体值由 themes.css 和 accents.css 提供。
+ */
+
+:root {
+  /* 背景层级（从底层到顶层） */
+  --bg-base: #FFFFFF;
+  --bg-soft: #F7F8FA;
+  --bg-overlay: #FFFFFF;
+  --bg-hover: #F3F4F6;
+
+  /* 边框 */
+  --border: #E5E7EB;
+  --border-soft: #F1F2F4;
+  --border-strong: #D1D5DB;
+
+  /* 文字层级（muted 保持可读：对底色对比 ≥ 3:1，仅作 placeholder/辅助信息） */
+  --text: #111827;
+  --text-soft: #4B5563;
+  --text-muted: #6B7280;
+
+  /* 强调色（被 accents.css 覆盖） */
+  --accent: #5E6AD2;
+  --accent-soft: rgba(94, 106, 210, 0.12);
+  --accent-hover: rgba(94, 106, 210, 0.20);
+  --accent-text: #FFFFFF;
+
+  /* 状态色 */
+  --success: #10B981;
+  --warn: #F59E0B;
+  --warn-bg: rgba(245, 158, 11, 0.12);
+  --danger: #EF4444;
+  --danger-bg: rgba(239, 68, 68, 0.12);
+
+  /* 阴影 */
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
+
+  /* 圆角 */
+  --radius-sm: 6px;
+  --radius-md: 10px;
+  --radius-lg: 12px;
+
+  /* 字号（中文偏小容易糊，整体往上提一档；列表正文单独压一档避免占空间） */
+  --fs-xs: 11px;     /* 时间戳/角标：再小就糊 */
+  --fs-sm: 12px;     /* Tab/状态栏/设置副文字 */
+  --fs-base: 13px;   /* 列表正文：清晰度优先 */
+  --fs-md: 14px;     /* 标题/按钮/设置项 */
+  --fs-lg: 16px;     /* 「关于」大标题 */
+
+  /* 行高（中文需要更大行高才不会笔画粘连；1.6 是 Windows 上 CJK 舒适区） */
+  --lh-base: 1.6;
+
+  /* 字间距（提一档让小字笔画清晰；0.02em 在 13px 以上会显得字间距过大，收到 0.01em） */
+  --tracking-cn: 0.01em;
+
+  /* 字体（fonts.css 会覆盖这两个） */
+  --font-ui: 'Microsoft YaHei UI', 'Microsoft YaHei', 'PingFang SC',
+             'Hiragino Sans GB', 'Segoe UI', system-ui, -apple-system,
+             BlinkMacSystemFont, sans-serif;
+  --font-mono: 'JetBrains Mono', 'Cascadia Code', 'Consolas',
+               'Microsoft YaHei', monospace;
+
+  /* 字重 */
+  --fw-medium: 500;
+  --fw-semibold: 600;
+
+  /* 动效 */
+  --transition-fast: 100ms ease-out;
+  --transition-base: 150ms ease-out;
+}