97 lines
2.3 KiB
CSS
97 lines
2.3 KiB
CSS
/**
|
||
* themes.css — 6 套主题的颜色定义
|
||
* 通过 <html data-theme="..."> 切换
|
||
*/
|
||
|
||
/* 默认（兜底）—— 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);
|
||
}
|