update
This commit is contained in:
96
renderer/themes/themes.css
Normal file
96
renderer/themes/themes.css
Normal file
@@ -0,0 +1,96 @@
|
||||
/**
|
||||
* 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);
|
||||
}
|
||||
Reference in New Issue
Block a user