lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
1/* ==userstyle==
2@name catppuccin macchiato and latte for dev.css
3@description dev.css theme based on catppuccin's macchiato and latte colors - https://github.com/catppuccin
4@namespace intergrav
5@version 1.0.0
6@author intergrav <intergrav@proton.me> (https://devins.page)
7@homepageURL https://devcss.devins.page
8@supportURL https://github.com/intergrav/dev.css/issues
9@license MIT
10==/userstyle== */
11
12:root {
13 /* colors - latte and macchiato */
14 --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
15 --dc-tx-1: light-dark(#4c4f69, #cad3f5); /* primary text | Text */
16 --dc-tx-2: light-dark(#4c4f69, #cad3f5); /* secondary text | Text */
17 --dc-bg-1: light-dark(#eff1f5, #24273a); /* primary background | Base */
18 --dc-bg-2: light-dark(#e6e9ef, #1e2030); /* secondary background | Mantle */
19 --dc-bg-3: light-dark(#ccd0da, #363a4f); /* border | Surface0 */
20 --dc-lk-1: light-dark(#1e66f5, #8aadf4); /* link text | Blue */
21 --dc-lkb-1: light-dark(#bcc0cc, #494d64); /* link button | Surface1 */
22 --dc-lkb-2: light-dark(#ccd0da, #363a4f); /* link button hover | Surface0 */
23 --dc-lkb-tx: light-dark(#4c4f69, #cad3f5); /* text over link button | Text */
24 --dc-ac-1: light-dark(#8839ef, #c6a0f6); /* accent color | Mauve */
25 --dc-ac-tx: light-dark(#eff1f5, #24273a); /* text over accent color | Base */
26}