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
|
:root {
color-scheme: dark;
--color-bg: #08080f;
--color-panel: #14142a;
--color-panel-header: #1c1c38;
--color-surface-hover: rgba(255, 255, 255, 0.05);
--color-text: #c8c8d8;
--color-text-muted: #707088;
--color-text-bright: #e8e8f0;
--color-purple: #9b6dff;
--color-purple-hover: #8a5cf0;
--color-pink: #ff6eb4;
--color-green: #a3e635;
--color-cyan: #22d3ee;
--color-yellow: #fbbf24;
--color-red: #f87171;
--color-error: #ff6b6b;
--color-white: #fff;
--color-link: #b0b0cc;
--color-link-hover: var(--color-white);
--color-border: #2a2a3e;
--color-header-title: rgba(224, 212, 245, 0.88);
--color-header-subtitle: #a898c0;
--color-header-glow-inner: rgba(155, 109, 255, 0.2);
--color-header-glow-outer: rgba(140, 90, 255, 0.08);
--color-overlay-light: rgba(255, 255, 255, 0.02);
--color-overlay-lighter: rgba(255, 255, 255, 0.03);
--font-body: "IBM Plex Sans", sans-serif;
--font-display: "Saira Extra Condensed", sans-serif;
--width-container: 1200px;
--width-sidebar: 200px;
}
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
}
}
|
