/* ============================================================ DeepSeek Code Assistant 中文版 — 设计令牌（tokens.css） Copyright 2026 辉夜(Huiye) 项目组 · Apache License 2.0 本文件是**唯一**的调色板数据源，取值对齐 DeepSeek Harness Web GUI （dshweb）的官方主题包（@deepseek-ai/dsh-client-ui-theme）： · 中性偏蓝灰阶 —— 暗色主题的骨架（dshweb 用中性灰而非旧版的蓝紫底， 这是观感差异的最大来源） · 品牌色 —— DeepSeek 蓝 #4176e6 / #5686fe · 语义色 —— 成功 / 危险 / 警告 · 圆角、动效、字体栈 base.css 负责把这些 --ds-* 映射到项目历史变量名（--bg / --panel / --text …）， 因此**页面标记无需任何改动**即可整体切换到 dshweb 的观感。 加载顺序：tokens.css 必须先于 base.css。 ============================================================ */ :root { /* ── 中性偏蓝灰阶（暗色骨架）───────────────────────────── */ --ds-neutral-1000: #0f1115; /* 最深背景 */ --ds-neutral-950: #151517; /* 基础背景 */ --ds-neutral-900: #1b1b1c; /* 次级背景 */ --ds-neutral-875: #232324; /* 面板 */ --ds-neutral-850: #2c2c2e; /* 浮起面板 */ --ds-neutral-800: #353638; /* 分隔线 */ --ds-neutral-750: #43454a; /* 强分隔线 */ --ds-neutral-700: #61666b; /* 最弱文字 */ --ds-neutral-600: #81858c; --ds-neutral-500: #979da6; /* 次要文字 */ --ds-neutral-400: #adb2b8; --ds-neutral-300: #cfd3d6; /* 次级正文 */ --ds-neutral-200: #e1e5ee; --ds-neutral-100: #ebeef2; --ds-neutral-50: #f9fafb; /* 主文字 */ --ds-neutral-0: #ffffff; /* ── 品牌色（DeepSeek 蓝）──────────────────────────────── */ --ds-brand-900: #283142; --ds-brand-800: #34415b; --ds-brand-600: #4868b2; --ds-brand-500: #4176e6; /* 主色 */ --ds-brand-450: #5686fe; /* 交互态 */ --ds-brand-400: #679efe; /* 高亮 */ --ds-brand-300: #b7c8fe; --ds-brand-200: #d3e2ff; --ds-brand-100: #e4edfd; --ds-brand-50: #edf3fe; /* ── 语义色 ───────────────────────────────────────────── */ --ds-success-500: #22c55e; --ds-success-400: #4ed17e; --ds-success-900: #233c2c; --ds-danger-600: #ec1313; --ds-danger-500: #ef4444; --ds-danger-400: #f25a5a; --ds-danger-900: #570c0c; --ds-warn-600: #dd8629; --ds-warn-500: #f59e0b; --ds-warn-400: #f7ad31; --ds-warn-900: #27241f; --ds-info-500: #4176e6; --ds-violet-500: #8b76f6; /* dshweb 用于文件类型/图像类 */ --ds-teal-500: #4fd1c5; /* 青绿：旧页面 --teal 引用但此前无人定义 */ /* ── 语义层：日常写样式优先用这一组 ───────────────────── */ --ds-bg-base: var(--ds-neutral-1000); --ds-bg-1: var(--ds-neutral-950); --ds-bg-2: var(--ds-neutral-900); --ds-bg-3: var(--ds-neutral-875); --ds-bg-raised: var(--ds-neutral-850); --ds-border: var(--ds-neutral-800); --ds-border-strong: var(--ds-neutral-750); --ds-fg: var(--ds-neutral-50); --ds-fg-2: var(--ds-neutral-300); --ds-fg-3: var(--ds-neutral-500); --ds-fg-dim: var(--ds-neutral-700); --ds-accent: var(--ds-brand-500); --ds-accent-hover: var(--ds-brand-450); --ds-accent-soft: rgb(86 134 254 / 14%); --ds-accent-softer: rgb(86 134 254 / 8%); /* 半透明着色底（徽章 / 装饰渐变）——同样只在此处定义 */ --ds-success-soft: rgb(78 209 126 / 12%); --ds-warn-soft: rgb(247 173 49 / 14%); --ds-danger-soft: rgb(242 90 90 / 14%); --ds-violet-soft: rgb(139 118 246 / 10%); /* ── 圆角 ─────────────────────────────────────────────── */ --ds-radius-sm: 8px; --ds-radius: 10px; --ds-radius-lg: 12px; --ds-radius-xl: 16px; --ds-radius-pill: 999px; /* ── 动效（与 dshweb 同一曲线与时长）───────────────────── */ --ds-ease: cubic-bezier(.4, 0, .2, 1); --ds-dur-fast: .1s; --ds-dur: .2s; --ds-dur-slow: .3s; /* ── 字体栈 ───────────────────────────────────────────── */ --ds-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif; --ds-font-code: "SFMono-Regular", ui-monospace, Consolas, "Liberation Mono", Menlo, "Courier New", monospace; /* ── 阴影（中性色，不带蓝紫偏色）───────────────────────── */ --ds-shadow-1: 0 1px 2px rgb(0 0 0 / 24%); --ds-shadow-2: 0 4px 14px rgb(0 0 0 / 32%); --ds-shadow-3: 0 12px 32px rgb(0 0 0 / 42%); /* ============================================================ 项目历史变量名 → 令牌 的映射 全站（base.css / style.css / login.css / 12 个页面的内联样式） 都通过下面这组名字取色。映射集中在这里，因此**改色只需改本文件**。 旧名一并保留（--panel2 / --line / --fg / --card / --dim …）， 旧页面无需任何改动即可收敛到新观感。 ============================================================ */ /* 主色板 */ --bg: var(--ds-bg-base); --panel: var(--ds-bg-1); --panel-2: var(--ds-bg-2); --border: var(--ds-border); --text: var(--ds-fg); --muted: var(--ds-fg-3); --accent: var(--ds-accent); --accent-2: var(--ds-brand-400); --ok: var(--ds-success-400); --danger: var(--ds-danger-400); --warn: var(--ds-warn-400); --radius: var(--ds-radius); /* 历史别名 */ --bg-2: var(--ds-bg-2); /* login.css */ --panel2: var(--ds-bg-2); /* check / about / account / admin / install */ --line: var(--ds-border); /* 多页旧名 ≈ border */ --line2: var(--ds-neutral-900); --fg: var(--ds-fg-2); /* 多页旧名 ≈ text */ --accent-soft: var(--ds-accent-soft); --text-light: var(--ds-fg-2); --text-lighter: var(--ds-fg-dim); --dim: var(--ds-fg-dim); /* cluster / generate / help */ --card: var(--ds-bg-1); /* login / dashboard / cluster / help */ --pass: var(--ds-success-400); /* check */ --info: var(--ds-brand-400); /* check */ --fail: var(--ds-danger-500); /* dashboard / check */ --accent2: var(--ds-violet-500); /* about */ --bubble: var(--ds-bg-3); /* cluster 用户气泡 */ --user: var(--ds-brand-600); /* cluster */ --violet: var(--ds-violet-500); /* cluster */ /* 以下两个旧页面在引用但历史上从未定义过 —— 属于静默回退的缺陷，此处补齐 */ --gold: var(--ds-warn-400); --teal: var(--ds-teal-500); /* 亮色主题取值 */ --bg-light: #f4f6fb; --panel-light: #ffffff; --panel2-light: #f0f3f9; --border-light: #d9e0ec; --text-light-fg: #1f2733; --muted-light: #6b7689; --accent-light: var(--ds-brand-500); --accent-2-light: #0891b2; } /* 亮色切换：html[data-theme="light"] 或 body.light 时覆盖主令牌 */ html[data-theme="light"], body.light { --bg: var(--bg-light); --panel: var(--panel-light); --panel-2: var(--panel2-light); --border: var(--border-light); --text: var(--text-light-fg); --muted: var(--muted-light); --accent: var(--accent-light); --accent-2: var(--accent-2-light); }