devins.page
lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
1/* ==userstyle==
2@name catppuccin mocha and latte for dev.css
3@description dev.css theme based on catppuccin's mocha 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 mocha */
14 --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
15 --dc-tx-1: light-dark(#4c4f69, #cdd6f4); /* primary text | Text */
16 --dc-tx-2: light-dark(#4c4f69, #cdd6f4); /* secondary text | Text */
17 --dc-bg-1: light-dark(#eff1f5, #1e1e2e); /* primary background | Base */
18 --dc-bg-2: light-dark(#e6e9ef, #181825); /* secondary background | Mantle */
19 --dc-bg-3: light-dark(#ccd0da, #313244); /* border | Surface0 */
20 --dc-lk-1: light-dark(#1e66f5, #89b4fa); /* link text | Blue */
21 --dc-lkb-1: light-dark(#bcc0cc, #45475a); /* link button | Surface1 */
22 --dc-lkb-2: light-dark(#ccd0da, #313244); /* link button hover | Surface0 */
23 --dc-lkb-tx: light-dark(#4c4f69, #cdd6f4); /* text over link button | Text */
24 --dc-ac-1: light-dark(#8839ef, #cba6f7); /* accent color | Mauve */
25 --dc-ac-tx: light-dark(#eff1f5, #1e1e2e); /* text over accent color | Base */
26}