-
Notifications
You must be signed in to change notification settings - Fork 61
Expand file tree
/
Copy pathstyles.css
More file actions
106 lines (94 loc) · 4.83 KB
/
Copy pathstyles.css
File metadata and controls
106 lines (94 loc) · 4.83 KB
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
/* Action 语义变量：组件外观优先交给 Arco，这里只保留跨组件 token。 */
:root {
--action-primary: var(--color-primary-6, #1890ff);
--action-primary-hover: var(--color-primary-5, #40a9ff);
--action-primary-active: var(--color-primary-7, #096dd9);
--action-success: var(--color-success-6, #52c41a);
--action-warning: var(--color-warning-6, #faad14);
--action-error: var(--color-danger-6, #f5222d);
--action-danger: var(--action-error);
--action-text: var(--dp-text-primary, var(--color-text-1, #262626));
--action-text-secondary: var(--dp-text-secondary, var(--color-text-2, #595959));
--action-text-disabled: var(--dp-text-tertiary, var(--color-text-4, #bfbfbf));
--action-text-primary: var(--action-text);
--action-text-muted: var(--action-text-secondary);
--action-border: var(--dp-border-subtle, var(--color-border-2, #d9d9d9));
--action-border-hover: var(--action-primary-hover);
--action-border-subtle: var(--action-border);
--action-background: var(--dp-bg-surface, var(--color-bg-2, #ffffff));
--action-background-light: var(--dp-bg-surface-muted, var(--color-fill-2, #fafafa));
--action-background-disabled: var(--color-fill-1, #f5f5f5);
--action-surface: var(--action-background);
--action-surface-muted: var(--action-background-light);
--action-surface-elevated: var(--color-bg-3, var(--action-background));
--action-qr-bg: #fff;
--action-webview-page-bg: #fff;
--action-error-bg: rgba(245, 34, 45, 0.08);
--action-error-border: rgba(245, 34, 45, 0.24);
--action-success-bg: rgba(82, 196, 26, 0.08);
--action-success-border: rgba(82, 196, 26, 0.24);
--action-help-bg: rgba(24, 144, 255, 0.08);
--action-help-border: rgba(24, 144, 255, 0.24);
--action-color-primary: var(--action-primary);
--action-color-primary-light: var(--action-primary-hover);
--action-color-primary-dark: var(--action-primary-active);
--action-color-primary-rgb: 24, 144, 255;
--action-color-secondary: var(--action-text-secondary);
--action-color-secondary-rgb: 108, 117, 125;
--action-color-success: var(--action-success);
--action-color-warning: var(--action-warning);
--action-color-warning-rgb: 250, 173, 20;
--action-color-error: var(--action-error);
--action-color-danger: var(--action-error);
--action-color-danger-rgb: 245, 34, 45;
--action-color-text: var(--action-text);
--action-color-text-secondary: var(--action-text-secondary);
--action-color-text-disabled: var(--action-text-disabled);
--action-color-border: var(--action-border);
--action-color-border-hover: var(--action-border-hover);
--action-color-bg: var(--action-background);
--action-color-bg-light: var(--action-background-light);
--action-color-bg-secondary: var(--action-background-light);
--action-color-bg-disabled: var(--action-background-disabled);
--action-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
--action-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.15);
--action-shadow-active: 0 0 0 2px rgba(24, 144, 255, 0.2);
--action-shadow-small: 0 1px 3px rgba(0, 0, 0, 0.12);
--action-shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.1);
--action-shadow-large: 0 10px 25px rgba(0, 0, 0, 0.15);
--action-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
}
body[arco-theme='dark'],
[data-theme='dark'],
body[data-theme='dark'] {
--action-primary: var(--color-primary-6);
--action-primary-hover: var(--color-primary-5);
--action-primary-active: var(--color-primary-7);
--action-success: var(--color-success-6);
--action-warning: var(--color-warning-6);
--action-error: var(--color-danger-6);
--action-danger: var(--action-error);
--action-text: var(--dp-text-primary, var(--color-text-1));
--action-text-secondary: var(--dp-text-secondary, var(--color-text-2));
--action-text-disabled: var(--dp-text-tertiary, var(--color-text-4));
--action-border: var(--dp-border-subtle, var(--color-border-2));
--action-border-hover: var(--color-primary-5);
--action-background: var(--dp-bg-surface, var(--color-bg-2));
--action-background-light: var(--dp-bg-surface-muted, var(--color-fill-2));
--action-background-disabled: var(--color-fill-1);
--action-surface: var(--action-background);
--action-surface-muted: var(--action-background-light);
--action-surface-elevated: var(--color-bg-3, var(--action-background));
--action-error-bg: rgba(245, 63, 63, 0.14);
--action-error-border: rgba(245, 63, 63, 0.32);
--action-success-bg: rgba(0, 180, 42, 0.14);
--action-success-border: rgba(0, 180, 42, 0.32);
--action-help-bg: rgba(22, 93, 255, 0.14);
--action-help-border: rgba(22, 93, 255, 0.32);
--action-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
--action-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.45);
--action-shadow-small: 0 1px 3px rgba(0, 0, 0, 0.28);
--action-shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.32);
--action-shadow-large: 0 10px 25px rgba(0, 0, 0, 0.42);
--action-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.48);
}