4 /* color scheme - one dark */
5 /* --black-normal: #282C34; */
6 /* --black-bright: #454C59; */
7 /* --red-normal: #E06C75; */
8 /* --red-bright: #FF7A85; */
9 /* --green-normal: #98C379; */
10 /* --green-bright: #B5E890; */
11 /* --yellow-normal: #E5C07B; */
12 /* --yellow-bright: #FFD68A; */
13 /* --blue-normal: #61AFEF; */
14 /* --blue-bright: #69BBFF; */
15 /* --magenta-normal: #C678DD; */
16 /* --magenta-bright: #E48AFF; */
17 /* --cyan-normal: #56B6C2; */
18 /* --cyan-bright: #66D9E8; */
19 /* --white-normal: #ABB2BF; */
20 /* --white-bright: #CFD7E6; */
22 /* color scheme - gruvbox */
23 --black-normal: #282828;
24 --black-bright: #3c3836;
25 --red-normal: #cc241d;
26 --red-bright: #fb4934;
27 --green-normal: #98971a;
28 --green-bright: #b8bb26;
29 --yellow-normal: #d79921;
30 --yellow-bright: #fabd2f;
31 --blue-normal: #458588;
32 --blue-bright: #83a598;
33 --magenta-normal: #b16286;
34 --magenta-bright: #d3869b;
35 --cyan-normal: #689d6a;
36 --cyan-bright: #8ec07c;
37 --white-normal: #a89984;
38 --white-bright: #ebdbb2;
40 --bg-dark: var(--black-normal);
41 --bg-light: var(--black-bright);
42 --text-dark: var(--white-normal);
43 --text-light: var(--white-bright);
45 color: var(--text-dark);
46 background-color: var(--bg-dark);
47 font-family: 'Courier New', monospace;
58 background-color: var(--bg-light);
63 h1, h2, h3, h4, h5, h6 {
64 color: var(--text-light);
68 color: var(--text-light);
69 transition: color 0.2s;
72 color: var(--text-dark);
76 color: var(--text-light);
80 background-color: var(--bg-light);
85 color: var(--text-light);
86 background-color: var(--bg-light);
89 .article-container, .rolling-container, .archive-container {
92 width: clamp(40ch, 50%, 80ch);