wangjia
43fa1f7dbb
输入/下拉文字此前用 --ink(近白)太刺眼且与正文耦合。新增 --field-ink token (深 #a7b3a1 / 浅 #3c4838)，Input/Select 组件引用之；改一个值即全改。 因项目无 DS 编译器，同步改 _ds_bundle.js(运行加载源)+ ambience.css 兜底，确保即时生效。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
84 lines
2.9 KiB
CSS
84 lines
2.9 KiB
CSS
/* MAESTRO · 颜色令牌 — phosphor console palette
|
||
Source: maestro/web/style.css :root */
|
||
:root {
|
||
/* ── 基底（碳绿底） ── */
|
||
--bg: #0a0d0b; /* 主背景 */
|
||
--bg-deep: #070908; /* 侧栏 / 输入框 / 更深一层 */
|
||
--panel: #10140f; /* 卡片 / 面板 */
|
||
--panel-2: #151b14; /* 面板 hover / 强调层 */
|
||
--line: #232d23; /* 标准描边 */
|
||
--line-soft: #1a221a; /* 弱描边 / 分隔虚线 */
|
||
|
||
/* ── 文字 ── */
|
||
--ink: #d8e4d4; /* 正文 */
|
||
--muted: #76876f; /* 次要文字 / 标签 */
|
||
--faint: #4a5747; /* 弱化文字 / 占位 */
|
||
--field-ink: #a7b3a1; /* 表单输入/下拉文字（比正文柔和，不刺眼）—— 输入文字单一真相源 */
|
||
|
||
/* ── 磷光信号色（每色配 -dim 暗位用作边框/底色） ── */
|
||
--green: #5fdd7d; /* 成功 / 可执行 / 品牌主色 */
|
||
--green-dim: #2e6b3d;
|
||
--violet: #b88ef5; /* 审批闸 / 等待裁决 */
|
||
--violet-dim:#503070;
|
||
--amber: #f0b429; /* 警示 / MED 复杂度 / 等待依赖 */
|
||
--amber-dim: #6b5414;
|
||
--red: #ff5d5d; /* 失败 / 驳回 / Hard */
|
||
--red-dim: #6b2424;
|
||
--cyan: #59c8d8; /* 执行中 / agent / 链接 */
|
||
--cyan-dim: #1e4e57;
|
||
|
||
/* ── 辉光（text-shadow / box-shadow 用） ── */
|
||
--glow-green: 0 0 12px rgba(95, 221, 125, .45);
|
||
--glow-violet: 0 0 14px rgba(184, 142, 245, .4);
|
||
--glow-cyan: 0 0 18px rgba(89, 200, 216, .5);
|
||
--glow-red: 0 0 14px rgba(255, 93, 93, .3);
|
||
|
||
/* ── 语义别名 ── */
|
||
--surface-page: var(--bg);
|
||
--surface-rail: var(--bg-deep);
|
||
--surface-card: var(--panel);
|
||
--surface-raised: var(--panel-2);
|
||
--text-body: var(--ink);
|
||
--text-secondary: var(--muted);
|
||
--text-disabled: var(--faint);
|
||
--border-default: var(--line);
|
||
--border-soft: var(--line-soft);
|
||
--accent: var(--green);
|
||
--accent-dim: var(--green-dim);
|
||
--status-go: var(--green);
|
||
--status-gate: var(--violet);
|
||
--status-bad: var(--red);
|
||
--status-run: var(--cyan);
|
||
}
|
||
|
||
/* ── Light 主题：<html data-theme="light"> 激活 — 纸白底，信号色加深保对比，-dim 变淡色底 ── */
|
||
[data-theme="light"] {
|
||
--bg: #f3f6f1;
|
||
--bg-deep: #e9eee6;
|
||
--panel: #fcfdfb;
|
||
--panel-2: #e4ebe1;
|
||
--line: #c9d4c6;
|
||
--line-soft: #dbe3d8;
|
||
|
||
--ink: #1d251b;
|
||
--muted: #5c6b57;
|
||
--faint: #92a08c;
|
||
--field-ink: #3c4838; /* 表单输入文字（light） */
|
||
|
||
--green: #1b8f46;
|
||
--green-dim: #b5e2c3;
|
||
--violet: #7747d1;
|
||
--violet-dim:#dcccf6;
|
||
--amber: #946d06;
|
||
--amber-dim: #ecd9a0;
|
||
--red: #cd3434;
|
||
--red-dim: #f2baba;
|
||
--cyan: #0b7488;
|
||
--cyan-dim: #b2dfe7;
|
||
|
||
--glow-green: 0 0 10px rgba(27, 143, 70, .25);
|
||
--glow-violet: 0 0 10px rgba(119, 71, 209, .22);
|
||
--glow-cyan: 0 0 12px rgba(11, 116, 136, .25);
|
||
--glow-red: 0 0 10px rgba(205, 52, 52, .2);
|
||
}
|