1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
:root {
--color-primary: #2563eb;
--color-primary-hover: #1d4ed8;
--color-primary-light: #e0e7ff;
--color-background: #f5f5f5;
--color-surface: #ffffff;
--color-text: #333333;
--color-text-muted: #666666;
--color-text-light: #888888;
--color-border: #dddddd;
--color-border-light: #eeeeee;
--color-success: #16a34a;
--color-error: #dc2626;
--color-navbar-bg: #2563eb;
--color-navbar-text: #ffffff;
--layout-max-width: 1200px;
--layout-border-radius: 8px;
--layout-border-radius-sm: 4px;
--layout-spacing: 1.5rem;
--layout-spacing-sm: 1rem;
--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-size-base: 1rem;
--font-size-sm: 0.875rem;
--font-size-xs: 0.75rem;
--font-size-lg: 1.2rem;
--font-size-xl: 2.5rem;
--shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
--shadow-md: 0 4px 6px rgba(0,0,0,0.1);
--heat-1: rgba(37, 99, 235, 0.06);
--heat-2: rgba(37, 99, 235, 0.12);
--heat-3: rgba(37, 99, 235, 0.20);
--heat-4: rgba(37, 99, 235, 0.30);
--color-error-bg: #fee2e2;
--color-success-bg: #dcfce7;
--color-input-bg: #ffffff;
}
[data-theme="dark"] {
--color-primary: #bb86fc;
--color-primary-hover: #d4a5ff;
--color-primary-light: rgba(187, 134, 252, 0.20);
--color-background: #000000;
--color-surface: #1a1a1a;
--color-text: #f5f5f5;
--color-text-muted: #c0c0c0;
--color-text-light: #999999;
--color-border: rgba(255, 255, 255, 0.20);
--color-border-light: rgba(255, 255, 255, 0.12);
--color-success: #4ade80;
--color-error: #f87171;
--color-navbar-bg: #1a1a1a;
--color-navbar-text: #f5f5f5;
--shadow-sm: 0 2px 4px rgba(0,0,0,0.4);
--shadow-md: 0 4px 8px rgba(0,0,0,0.5);
--heat-1: rgba(187, 134, 252, 0.15);
--heat-2: rgba(187, 134, 252, 0.28);
--heat-3: rgba(187, 134, 252, 0.42);
--heat-4: rgba(187, 134, 252, 0.50);
--color-error-bg: rgba(248, 113, 113, 0.25);
--color-success-bg: rgba(74, 222, 128, 0.25);
--color-input-bg: #2a2a2a;
}
|
