commit 3c78f6e4b77194806ae8d2cf08857ec32c235e10 · devins.page/dev.css

··· 8 8 --dc-font-mono: monospace; /* monospace */ 9 9 10 10 /* light colors */ 11 + --dc-cs: light; /* light/dark scrollbars, inputs, etc */ 11 12 --dc-tx-1: #000000; /* primary text */ 12 13 --dc-tx-2: #1a1a1a; /* secondary text */ 13 14 --dc-bg-1: #fafafa; /* main background */ ··· 21 22 --dc-ac-tx: #ededed; /* accent color text */ 22 23 23 24 /* dark colors */ 25 + --dc-cs: dark; 24 26 --dc-d-tx-1: #ededed; 25 27 --dc-d-tx-2: #a1a1a1; 26 28 --dc-d-bg-1: #000; ··· 36 38 37 39 @media (prefers-color-scheme: dark) { 38 40 :root { 41 + --dc-cs: var(--dc-d-cs); 39 42 --dc-tx-1: var(--dc-d-tx-1); 40 43 --dc-tx-2: var(--dc-d-tx-2); 41 44 --dc-bg-1: var(--dc-d-bg-1);

theme/boilerplate.css

··· 8 8 --dc-font-mono: monospace; /* monospace */ 9 9 10 10 /* colors */ 11 + --dc-cs: light; /* light/dark scrollbars, inputs, etc */ 11 12 --dc-tx-1: #000000; /* primary text */ 12 13 --dc-tx-2: #1a1a1a; /* secondary text */ 13 14 --dc-bg-1: #fafafa; /* main background */

theme/catppuccin-frappe.css

··· 4 4 5 5 :root { 6 6 /* light colors - latte */ 7 + --dc-cs: light; 7 8 --dc-tx-1: #4c4f69; /* primary text | Text */ 8 9 --dc-tx-2: #4c4f69; /* secondary text | Text */ 9 10 --dc-bg-1: #e6e9ef; /* main background | Mantle */ ··· 17 18 --dc-ac-tx: #4c4f69; /* accent/selection color text | Text */ 18 19 19 20 /* dark colors */ 21 + --dc-cs: dark; 20 22 --dc-d-tx-1: #c6d0f5; /* primary text | Text */ 21 23 --dc-d-tx-2: #c6d0f5; /* secondary text | Text */ 22 24 --dc-d-bg-1: #292c3c; /* main background | Mantle */ ··· 32 34 33 35 @media (prefers-color-scheme: dark) { 34 36 :root { 37 + --dc-cs: var(--dc-d-cs); 35 38 --dc-tx-1: var(--dc-d-tx-1); 36 39 --dc-tx-2: var(--dc-d-tx-2); 37 40 --dc-bg-1: var(--dc-d-bg-1);

theme/catppuccin-macchiato.css

··· 4 4 5 5 :root { 6 6 /* light colors - latte */ 7 + --dc-cs: light; 7 8 --dc-tx-1: #4c4f69; /* primary text | Text */ 8 9 --dc-tx-2: #4c4f69; /* secondary text | Text */ 9 10 --dc-bg-1: #e6e9ef; /* main background | Mantle */ ··· 17 18 --dc-ac-tx: #4c4f69; /* accent/selection color text | Text */ 18 19 19 20 /* dark colors */ 21 + --dc-cs: dark; 20 22 --dc-d-tx-1: #cad3f5; /* primary text | Text */ 21 23 --dc-d-tx-2: #cad3f5; /* secondary text | Text */ 22 24 --dc-d-bg-1: #1e2030; /* main background | Mantle */ ··· 32 34 33 35 @media (prefers-color-scheme: dark) { 34 36 :root { 37 + --dc-cs: var(--dc-d-cs); 35 38 --dc-tx-1: var(--dc-d-tx-1); 36 39 --dc-tx-2: var(--dc-d-tx-2); 37 40 --dc-bg-1: var(--dc-d-bg-1);

theme/catppuccin-mocha.css

··· 4 4 5 5 :root { 6 6 /* light colors - latte */ 7 + --dc-cs: light; 7 8 --dc-tx-1: #4c4f69; /* primary text | Text */ 8 9 --dc-tx-2: #4c4f69; /* secondary text | Text */ 9 10 --dc-bg-1: #e6e9ef; /* main background | Mantle */ ··· 17 18 --dc-ac-tx: #4c4f69; /* accent/selection color text | Text */ 18 19 19 20 /* dark colors */ 21 + --dc-cs: dark; 20 22 --dc-d-tx-1: #cdd6f4; /* primary text | Text */ 21 23 --dc-d-tx-2: #cdd6f4; /* secondary text | Text */ 22 24 --dc-d-bg-1: #181825; /* main background | Mantle */ ··· 32 34 33 35 @media (prefers-color-scheme: dark) { 34 36 :root { 37 + --dc-cs: var(--dc-d-cs); 35 38 --dc-tx-1: var(--dc-d-tx-1); 36 39 --dc-tx-2: var(--dc-d-tx-2); 37 40 --dc-bg-1: var(--dc-d-bg-1);

theme/day.css

··· 3 3 4 4 :root { 5 5 /* colors */ 6 + --dc-cs: light; 6 7 --dc-tx-1: #000000; 7 8 --dc-tx-2: #1a1a1a; 8 9 --dc-bg-1: #fafafa;

theme/night.css

··· 3 3 4 4 :root { 5 5 /* colors */ 6 + --dc-cs: dark; 6 7 --dc-tx-1: #ededed; 7 8 --dc-tx-2: #a1a1a1; 8 9 --dc-bg-1: #000;

theme/terminal.css

··· 9 9 --dc-font-mono: "Geist Mono", monospace; 10 10 11 11 /* colors */ 12 + --dc-cs: dark; 12 13 --dc-tx-1: #ffffff; 13 14 --dc-tx-2: #eeeeee; 14 15 --dc-bg-1: #000000;