Something went wrong. Try again.
lightweight, simple, classless CSS framework inspired by new.css devcss.devins.page
framework lightweight css classless stylesheet
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829/* ==userstyle==@name catppuccin mocha and latte for dev.css@description dev.css theme based on catppuccin's mocha and latte colors - https://github.com/catppuccin@namespace intergrav@version 1.0.0@author intergrav <devin@devins.page> (https://devins.page)@homepageURL https://devcss.devins.page@supportURL https://tangled.org/devins.page/dev.css/issues@license MIT==/userstyle== */
:root { /* colors - latte and mocha */ color-scheme: light dark; /* light/dark scrollbars, inputs, etc */ --dc-tx-1: light-dark(#4c4f69, #cdd6f4); /* primary text | Text */ --dc-tx-2: light-dark(#4c4f69, #cdd6f4); /* secondary text | Text */ --dc-bg-1: light-dark(#eff1f5, #1e1e2e); /* primary background | Base */ --dc-bg-2: light-dark(#e6e9ef, #181825); /* secondary background | Mantle */ --dc-bg-3: light-dark(#ccd0da, #313244); /* border | Surface0 */ --dc-lk: light-dark(#1e66f5, #89b4fa); /* link text | Blue */ --dc-btn: light-dark(#bcc0cc, #45475a); /* link button | Surface1 */ --dc-btn-hover: light-dark( #ccd0da, #313244 ); /* link button hover | Surface0 */ --dc-ac: light-dark(#8839ef, #cba6f7); /* accent color | Mauve */ --dc-btn-tx: light-dark(#eff1f5, #1e1e2e); /* text over buttons | Base */}