devins.page / dev.css
lightweight, simple, classless CSS framework inspired by new.css devcss.devins.page
framework lightweight css classless stylesheet
23
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: add dc-cs to themes

devins.page 3c78f6e4 ab2e4587

+16
+3
theme/boilerplate-auto.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);
+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 */
+3
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);
+3
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);
+3
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);
+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;
+1
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;
+1
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;