/**
* themes.css — 6 套主题的颜色定义
* 通过 切换
*/
/* 默认(兜底)—— Linear Dark */
:root,
:root[data-theme="linear"] {
--bg-base: #0E0E12;
--bg-soft: #16161B;
--bg-overlay: #1F1F26;
--bg-hover: #22222A;
--border: #2A2A33;
--border-soft: #1E1E25;
--border-strong: #3A3A45;
--text: #ECECEF;
--text-soft: #B4B4BC;
--text-muted: #95959F;
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30);
}
/* Midnight */
:root[data-theme="midnight"] {
--bg-base: #08090B;
--bg-soft: #0F1013;
--bg-overlay: #18191E;
--bg-hover: #1C1D22;
--border: #26272D;
--border-soft: #1B1C20;
--border-strong: #34353C;
--text: #ECECEE;
--text-soft: #ACADB2;
--text-muted: #8E8F96;
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.40);
}
/* Carbon */
:root[data-theme="carbon"] {
--bg-base: #1A1D23;
--bg-soft: #22262D;
--bg-overlay: #2A2F37;
--bg-hover: #2E333B;
--border: #353A42;
--border-soft: #252930;
--border-strong: #42474F;
--text: #DCDCDC;
--text-soft: #9DA3AC;
--text-muted: #8A929C;
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
}
/* Solarized Dark —— 原本 muted 在 #002B36 上只有 ~3.7:1,对中文小字会"雾蒙蒙",
全部提亮一档让所有层级都达到 ≥5:1 的可读舒适线。 */
:root[data-theme="solarized"] {
--bg-base: #002B36;
--bg-soft: #073642;
--bg-overlay: #0A4554;
--bg-hover: #0E5466;
--border: #1F6779;
--border-soft: #0A4554;
--border-strong: #2680A5;
--text: #B6CAD0;
--text-soft: #9DB1B8;
--text-muted: #88A0A8;
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
}
/* GitHub Dark */
:root[data-theme="github"] {
--bg-base: #0D1117;
--bg-soft: #161B22;
--bg-overlay: #1F242C;
--bg-hover: #22272E;
--border: #30363D;
--border-soft: #21262D;
--border-strong: #444C56;
--text: #DCE3EA;
--text-soft: #9DA8B3;
--text-muted: #8A95A0;
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30);
}
/* Light Companion —— 把 muted 略压暗一档,避免浅底浅字反差不足。 */
:root[data-theme="light"] {
--bg-base: #FAFAFA;
--bg-soft: #F4F4F5;
--bg-overlay: #FFFFFF;
--bg-hover: #ECECEE;
--border: #E4E4E7;
--border-soft: #F0F0F2;
--border-strong: #D4D4D8;
--text: #111827;
--text-soft: #4B5563;
--text-muted: #5C6573;
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
}