/* ==userstyle== @name catppuccin macchiato and latte for dev.css @description dev.css theme based on catppuccin's macchiato and latte colors - https://github.com/catppuccin @namespace intergrav @version 1.0.0 @author intergrav (https://devins.page) @homepageURL https://devcss.devins.page @supportURL https://tangled.org/devins.page/dev.css/issues @license MIT ==/userstyle== */ :root { /* colors - latte and macchiato */ --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */ --dc-tx-1: light-dark(#4c4f69, #cad3f5); /* primary text | Text */ --dc-tx-2: light-dark(#4c4f69, #cad3f5); /* secondary text | Text */ --dc-bg-1: light-dark(#eff1f5, #24273a); /* primary background | Base */ --dc-bg-2: light-dark(#e6e9ef, #1e2030); /* secondary background | Mantle */ --dc-bg-3: light-dark(#ccd0da, #363a4f); /* border | Surface0 */ --dc-lk-1: light-dark(#1e66f5, #8aadf4); /* link text | Blue */ --dc-lkb-1: light-dark(#bcc0cc, #494d64); /* link button | Surface1 */ --dc-lkb-2: light-dark(#ccd0da, #363a4f); /* link button hover | Surface0 */ --dc-lkb-tx: light-dark(#4c4f69, #cad3f5); /* text over link button | Text */ --dc-ac-1: light-dark(#8839ef, #c6a0f6); /* accent color | Mauve */ --dc-ac-tx: light-dark(#eff1f5, #24273a); /* text over accent color | Base */ }