lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
1/* ==userstyle==
2@name catppuccin frappé and latte for dev.css
3@description dev.css theme based on catppuccin's frappé and latte colors - https://github.com/catppuccin
4@namespace intergrav
5@version 1.0.0
6@author intergrav <intergrav@proton.me> (https://github.com/intergrav)
7@homepageURL https://github.com/intergrav/dev.css
8@supportURL https://github.com/intergrav/dev.css/issues
9@license MIT
10==/userstyle== */
11
12:root {
13 /* light colors - latte */
14 --dc-cs: light;
15 --dc-tx-1: #4c4f69; /* primary text | Text */
16 --dc-tx-2: #4c4f69; /* secondary text | Text */
17 --dc-bg-1: #eff1f5; /* primary background | Base */
18 --dc-bg-2: #e6e9ef; /* secondary background | Mantle */
19 --dc-bg-3: #ccd0da; /* border | Surface0 */
20 --dc-lk-1: #1e66f5; /* link text | Blue */
21 --dc-lkb-1: #bcc0cc; /* link button | Surface1 */
22 --dc-lkb-2: #ccd0da; /* link button hover | Surface0 */
23 --dc-lkb-tx: #4c4f69; /* text over link button | Text */
24 --dc-ac-1: #8839ef; /* accent color | Mauve */
25 --dc-ac-tx: #eff1f5; /* text over accent color | Base */
26
27 --dc-d-cs: dark;
28 --dc-d-tx-1: #c6d0f5; /* primary text | Text */
29 --dc-d-tx-2: #c6d0f5; /* secondary text | Text */
30 --dc-d-bg-1: #303446; /* primary background | Base */
31 --dc-d-bg-2: #292c3c; /* secondary background | Mantle */
32 --dc-d-bg-3: #414559; /* border | Surface0 */
33 --dc-d-lk-1: #8caaee; /* link text | Blue */
34 --dc-d-lkb-1: #51576d; /* link button | Surface1 */
35 --dc-d-lkb-2: #414559; /* link button hover | Surface0 */
36 --dc-d-lkb-tx: #c6d0f5; /* text over link button | Text */
37 --dc-d-ac-1: #ca9ee6; /* accent color | Mauve */
38 --dc-d-ac-tx: #303446; /* text over accent color | Base */
39}
40
41@media (prefers-color-scheme: dark) {
42 :root {
43 --dc-cs: var(--dc-d-cs);
44 --dc-tx-1: var(--dc-d-tx-1);
45 --dc-tx-2: var(--dc-d-tx-2);
46 --dc-bg-1: var(--dc-d-bg-1);
47 --dc-bg-2: var(--dc-d-bg-2);
48 --dc-bg-3: var(--dc-d-bg-3);
49 --dc-lk-1: var(--dc-d-lk-1);
50 --dc-lkb-1: var(--dc-d-lkb-1);
51 --dc-lkb-2: var(--dc-d-lkb-2);
52 --dc-lkb-tx: var(--dc-d-lkb-tx);
53 --dc-ac-1: var(--dc-d-ac-1);
54 --dc-ac-tx: var(--dc-d-ac-tx);
55 }
56}