forked from hackorum-dev/hackorum
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcolors.css
More file actions
178 lines (157 loc) · 5.15 KB
/
colors.css
File metadata and controls
178 lines (157 loc) · 5.15 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
:root {
color-scheme: light;
/* Indigo-based palette */
--color-primary-50: #eef2ff;
--color-primary-100: #e0e7ff;
--color-primary-200: #c7d2fe;
--color-primary-300: #a5b4fc;
--color-primary-500: #6366f1;
--color-primary-600: #4f46e5;
--color-primary-700: #4338ca;
--color-primary-900: #312e81;
--color-primary-1: #f5f7ff;
--color-primary-2: #e7ebff;
--color-primary-3: #d5dcff;
--color-primary-4: #b7c4fb;
--color-primary-5: #8c99e6;
--color-secondary1-1: #f3e8ff;
--color-secondary1-2: #e9d5ff;
--color-secondary1-3: #d8b4fe;
--color-secondary1-4: #c084fc;
--color-secondary2-1: #dbeafe;
--color-secondary2-2: #bfdbfe;
--color-secondary2-3: #93c5fd;
--color-secondary2-4: #60a5fa;
--color-secondary2-5: #3b82f6;
--color-gray-25: #f8fafc;
--color-gray-50: #f8fafc;
--color-gray-100: #e2e8f0;
--color-gray-300: #cbd5e1;
--color-gray-500: #64748b;
--color-gray-600: #475569;
--color-gray-700: #334155;
--color-gray-800: #1e293b;
--color-gray-900: #0f172a;
--color-text-primary: #0f172a;
--color-text-secondary: #1f2937;
--color-text-muted: #6b7280;
--color-text-link: var(--color-primary-700);
--color-text-link-hover: var(--color-primary-900);
--color-text-contrast: #f8fafc;
--color-text-button: #0f172a;
--color-bg-page: var(--color-primary-1);
--color-bg-input: #f8fafc;
--color-bg-container: #ffffff;
--color-bg-card: #ffffff;
--color-bg-hover: var(--color-primary-2);
--color-bg-sidebar: #f3f4ff;
--color-bg-sidebar-header: var(--color-primary-2);
--color-bg-table-header: var(--color-primary-2);
--color-bg-nav: #0f172a;
--color-bg-button: var(--color-primary-2);
--color-bg-button-hover: var(--color-primary-3);
--color-bg-icon: var(--color-secondary1-2);
--color-bg-icon-status: var(--color-secondary2-2);
--color-bg-hoverbox: #eef2ff;
--color-bg-contributor: var(--color-secondary1-2);
--color-bg-committer: var(--color-secondary2-2);
--color-bg-activity-team: var(--color-secondary2-2);
--color-bg-activity-user: var(--color-secondary2-1);
--color-border: #cdd5e7;
--color-border-focus: var(--color-primary-500);
--color-border-contributor: var(--color-secondary2-2);
--color-border-new: var(--color-secondary1-1);
--color-border-aware: var(--color-secondary1-2);
--color-border-reading: var(--color-secondary1-3);
--color-border-read: var(--color-secondary2-3);
--color-warning-bg: #fef3c7;
--color-warning: #f59e0b;
--color-warning-text: #92400e;
--color-info: #38bdf8;
--color-info-soft: #e0f2fe;
--color-danger: #ef4444;
--color-danger-soft: #fee2e2;
--color-purple: #7c3aed;
--color-success: #16a34a;
--color-success-soft: #dcfce7;
--color-note-soft: #fef9c3;
--shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.12);
}
:root[data-theme="dark"] {
color-scheme: dark;
--color-primary-50: #161b33;
--color-primary-100: #1d2440;
--color-primary-200: #222c52;
--color-primary-300: #2c3669;
--color-primary-500: #6f7ee8;
--color-primary-600: #8b9cf5;
--color-primary-700: #c7d2fe;
--color-primary-900: #e0e7ff;
--color-primary-1: #0b1220;
--color-primary-2: #0f172a;
--color-primary-3: #131f35;
--color-primary-4: #1b2743;
--color-primary-5: #223055;
--color-secondary1-1: #2b2244;
--color-secondary1-2: #372b59;
--color-secondary1-3: #45356f;
--color-secondary1-4: #564086;
--color-secondary2-1: #16263c;
--color-secondary2-2: #1d2f4d;
--color-secondary2-3: #254165;
--color-secondary2-4: #2f4f7a;
--color-secondary2-5: #3a5f93;
--color-gray-25: #0b1220;
--color-gray-50: #0f172a;
--color-gray-100: #111827;
--color-gray-300: #1f2937;
--color-gray-500: #94a3b8;
--color-gray-600: #cbd5e1;
--color-gray-700: #e2e8f0;
--color-gray-800: #e5e7eb;
--color-gray-900: #f8fafc;
--color-text-primary: #e2e8f0;
--color-text-secondary: #cbd5e1;
--color-text-muted: #94a3b8;
--color-text-link: #c7d2fe;
--color-text-link-hover: #e0e7ff;
--color-text-contrast: #f8fafc;
--color-text-button: #e2e8f0;
--color-bg-page: var(--color-primary-1);
--color-bg-input: #111827;
--color-bg-container: var(--color-primary-2);
--color-bg-card: #111827;
--color-bg-hover: #1f2937;
--color-bg-sidebar: var(--color-primary-2);
--color-bg-sidebar-header: #111827;
--color-bg-table-header: #111827;
--color-bg-nav: #0b1220;
--color-bg-button: #223055;
--color-bg-button-hover: #2e3b66;
--color-bg-icon: #1f2937;
--color-bg-icon-status: #2b375c;
--color-bg-hoverbox: #1a2337;
--color-bg-contributor: #1f2545;
--color-bg-committer: #1c2f4f;
--color-bg-activity-team: #18253d;
--color-bg-activity-user: #142235;
--color-border: #1f2937;
--color-border-focus: #818cf8;
--color-border-contributor: #2b375c;
--color-border-new: #3a5f93;
--color-border-aware: #564086;
--color-border-reading: #254165;
--color-border-read: #2f4f7a;
--color-warning-bg: #3a2c17;
--color-warning: #f59e0b;
--color-warning-text: #fcd34d;
--color-info: #38bdf8;
--color-info-soft: #10253b;
--color-danger: #ef4444;
--color-danger-soft: #3a1f24;
--color-purple: #c084fc;
--color-success: #22c55e;
--color-success-soft: #1b2b1e;
--color-note-soft: #3a3216;
--shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);
}