142 lines
3.8 KiB
CSS
142 lines
3.8 KiB
CSS
|
|
||
|
|
/* 深色模式 */
|
||
|
|
:root.dark {
|
||
|
|
--main-1000: #e1f6fb;
|
||
|
|
--main-900: #c4eaf5;
|
||
|
|
--main-800: #a3d8e8;
|
||
|
|
--main-700: #82c3d6;
|
||
|
|
--main-600: #5faec2;
|
||
|
|
--main-500: #4a9fb8;
|
||
|
|
--main-400: #3996ae;
|
||
|
|
--main-300: #24839a;
|
||
|
|
--main-200: #046a82;
|
||
|
|
--main-100: #035065;
|
||
|
|
--main-50: #023944;
|
||
|
|
--main-40: #01151f;
|
||
|
|
--main-30: #010d14;
|
||
|
|
--main-20: #010a0f;
|
||
|
|
--main-10: #00070a;
|
||
|
|
--main-5: #000405;
|
||
|
|
--main-1: #000102;
|
||
|
|
--main-0: #000000;
|
||
|
|
|
||
|
|
--gray-10000: #ffffff;
|
||
|
|
--gray-2000: #f8fafa;
|
||
|
|
--gray-1000: #f5f7f7;
|
||
|
|
--gray-900: #eff2f2;
|
||
|
|
--gray-800: #eef0f0;
|
||
|
|
--gray-700: #e4e6e6;
|
||
|
|
--gray-600: #d7d9d9;
|
||
|
|
--gray-500: #bdbfbf;
|
||
|
|
--gray-400: #979999;
|
||
|
|
--gray-300: #697070;
|
||
|
|
--gray-200: #4c4d4d;
|
||
|
|
--gray-150: #323333;
|
||
|
|
--gray-100: #1e1f1f;
|
||
|
|
--gray-50: #151616;
|
||
|
|
--gray-25: #0c0d0d;
|
||
|
|
--gray-10: #080808;
|
||
|
|
--gray-0: #030303;
|
||
|
|
|
||
|
|
--main-color: #4a9fb8;
|
||
|
|
--main-bright: #5faec2;
|
||
|
|
--secondry-color: #8fa5b0;
|
||
|
|
--error-color: #ff6b6b;
|
||
|
|
--color-primary: #4a9fb8;
|
||
|
|
--color-primary-bg: #1a3a42;
|
||
|
|
--color-success: #52c41a;
|
||
|
|
--color-success-light: #162312;
|
||
|
|
--color-error: #ff4d4f;
|
||
|
|
--color-error-light: #2a1215;
|
||
|
|
--color-info: #3d8fff;
|
||
|
|
--color-info-light: #111b26;
|
||
|
|
--color-warning: #faad14;
|
||
|
|
--color-warning-light: #2b2111;
|
||
|
|
|
||
|
|
/* Chart Colors - 深色模式图表颜色 */
|
||
|
|
--chart-primary: var(--main-500);
|
||
|
|
--chart-primary-light: var(--main-600);
|
||
|
|
--chart-primary-dark: var(--main-400);
|
||
|
|
|
||
|
|
--chart-success: #52c41a;
|
||
|
|
--chart-success-light: #73d13d;
|
||
|
|
--chart-success-dark: #389e0d;
|
||
|
|
|
||
|
|
--chart-warning: #faad14;
|
||
|
|
--chart-warning-light: #ffc53d;
|
||
|
|
--chart-warning-dark: #d48806;
|
||
|
|
|
||
|
|
--chart-error: #ff4d4f;
|
||
|
|
--chart-error-light: #ff7875;
|
||
|
|
--chart-error-dark: #cf1322;
|
||
|
|
|
||
|
|
--chart-info: #1890ff;
|
||
|
|
--chart-info-light: #40a9ff;
|
||
|
|
--chart-info-dark: #096dd9;
|
||
|
|
|
||
|
|
--chart-secondary: #722ed1;
|
||
|
|
--chart-secondary-light: #9254de;
|
||
|
|
--chart-secondary-dark: #531dab;
|
||
|
|
|
||
|
|
--chart-accent: #13c2c2;
|
||
|
|
--chart-accent-light: #36cfc9;
|
||
|
|
--chart-accent-dark: #08979c;
|
||
|
|
|
||
|
|
/* Stats Card Colors - 深色模式统计卡片 */
|
||
|
|
--stats-primary-bg: #1e3a8a;
|
||
|
|
--stats-primary-color: #93c5fd;
|
||
|
|
--stats-success-bg: #14532d;
|
||
|
|
--stats-success-color: #86efac;
|
||
|
|
--stats-info-bg: #0c4a6e;
|
||
|
|
--stats-info-color: #7dd3fc;
|
||
|
|
--stats-warning-bg: #78350f;
|
||
|
|
--stats-warning-color: #fcd34d;
|
||
|
|
--stats-secondary-bg: #581c87;
|
||
|
|
--stats-secondary-color: #d8b4fe;
|
||
|
|
--stats-error-bg: #7f1d1d;
|
||
|
|
--stats-error-color: #fca5a5;
|
||
|
|
|
||
|
|
--bg-sider: #141414;
|
||
|
|
--color-text: #ffffff;
|
||
|
|
|
||
|
|
/* Ant Design 兼容变量 - 深色模式 */
|
||
|
|
--color-bg-container: #1f1f1f;
|
||
|
|
--color-bg-elevated: #262626;
|
||
|
|
--color-text-secondary: rgba(255, 255, 255, 0.65);
|
||
|
|
--color-text-tertiary: rgba(255, 255, 255, 0.45);
|
||
|
|
|
||
|
|
/* Shadow System - 深色模式阴影系统 */
|
||
|
|
--shadow-0: rgba(0, 0, 0, 0.1);
|
||
|
|
--shadow-1: rgba(0, 0, 0, 0.2);
|
||
|
|
--shadow-2: rgba(0, 0, 0, 0.3);
|
||
|
|
--shadow-3: rgba(0, 0, 0, 0.4);
|
||
|
|
--shadow-4: rgba(0, 0, 0, 0.5);
|
||
|
|
--shadow-5: rgba(0, 0, 0, 0.6);
|
||
|
|
|
||
|
|
/* Extended Chart Variables - 扩展图表变量 */
|
||
|
|
--chart-primary-lighter: var(--chart-primary-light);
|
||
|
|
--chart-info-lighter: var(--chart-info-light);
|
||
|
|
--chart-primary-shadow: rgba(74, 159, 184, 0.4);
|
||
|
|
--chart-info-shadow: rgba(24, 144, 255, 0.4);
|
||
|
|
|
||
|
|
--color-trans-light: rgba(0, 0, 0, 0.85);
|
||
|
|
--color-trans-dark: rgba(255, 255, 255, 0.85);
|
||
|
|
}
|
||
|
|
|
||
|
|
:root.dark .markmap {
|
||
|
|
--markmap-max-width: 9999px;
|
||
|
|
--markmap-a-color: var(--main-500);
|
||
|
|
--markmap-a-hover-color: var(--main-600);
|
||
|
|
--markmap-code-bg: var(--gray-50);
|
||
|
|
--markmap-code-color: var(--gray-700);
|
||
|
|
--markmap-highlight-bg: var(--color-warning-light);
|
||
|
|
--markmap-table-border: 1px solid currentColor;
|
||
|
|
--markmap-font: 300 16px / 20px sans-serif;
|
||
|
|
--markmap-circle-open-bg: var(--main-0);
|
||
|
|
--markmap-text-color: var(--gray-700);
|
||
|
|
--markmap-highlight-node-bg: var(--color-error-light);
|
||
|
|
}
|
||
|
|
|
||
|
|
:root.dark .md-editor {
|
||
|
|
--md-bk-color: var(--gray-0);
|
||
|
|
}
|