mirror of
https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git
synced 2026-02-19 03:00:49 +08:00
fix(theme): improve dark mode contrast and enforce white button text
This commit is contained in:
@@ -26,6 +26,7 @@
|
||||
--primary-color: #8b8680; // 行动色(主色)
|
||||
--primary-hover: #7f7a74;
|
||||
--primary-active: #726d67;
|
||||
--primary-contrast: #ffffff;
|
||||
|
||||
--success-color: #10b981;
|
||||
--warning-color: #c65746; // 错误/警告色
|
||||
@@ -57,27 +58,29 @@
|
||||
|
||||
// 深色主题(#191919)
|
||||
[data-theme='dark'] {
|
||||
--bg-primary: #202020;
|
||||
--bg-secondary: #191919;
|
||||
--bg-tertiary: #262626;
|
||||
--bg-hover: #2a2a2a;
|
||||
--bg-quinary: #1f1f1f;
|
||||
// 极简暖灰:深色模式(提升对比度与层级)
|
||||
--bg-secondary: #151412; // 页面背景
|
||||
--bg-primary: #1d1b18; // 容器/卡片背景
|
||||
--bg-tertiary: #262320; // hover/次级背景
|
||||
--bg-hover: #2e2a26;
|
||||
--bg-quinary: #191714;
|
||||
--bg-error-light: rgba(198, 87, 70, 0.18);
|
||||
|
||||
--text-primary: #fafafa;
|
||||
--text-secondary: #a3a3a3;
|
||||
--text-tertiary: #737373;
|
||||
--text-quaternary: #525252;
|
||||
--text-primary: #f6f4f1;
|
||||
--text-secondary: #c9c3bb;
|
||||
--text-tertiary: #9c958d;
|
||||
--text-quaternary: #6f6962;
|
||||
--text-muted: var(--text-tertiary);
|
||||
|
||||
--border-color: #262626;
|
||||
--border-color: #3a3530;
|
||||
--border-secondary: var(--border-color);
|
||||
--border-primary: #404040;
|
||||
--border-hover: #4a4a4a;
|
||||
--border-primary: #4a453f;
|
||||
--border-hover: #5a544d;
|
||||
|
||||
--primary-color: #8b8680;
|
||||
--primary-hover: #a39e98;
|
||||
--primary-active: #bcb7b1;
|
||||
--primary-hover: #9a948e;
|
||||
--primary-active: #a6a099;
|
||||
--primary-contrast: #ffffff;
|
||||
|
||||
--success-color: #10b981;
|
||||
--warning-color: #c65746;
|
||||
@@ -87,7 +90,7 @@
|
||||
|
||||
--warning-bg: rgba(198, 87, 70, 0.22);
|
||||
--warning-border: rgba(198, 87, 70, 0.45);
|
||||
--warning-text: var(--warning-color);
|
||||
--warning-text: #f1b0a6;
|
||||
|
||||
--success-badge-bg: rgba(6, 78, 59, 0.3);
|
||||
--success-badge-text: #6ee7b7;
|
||||
|
||||
Reference in New Issue
Block a user