/* ==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 (https://github.com/intergrav) @homepageURL https://github.com/intergrav/dev.css @supportURL https://github.com/intergrav/dev.css/issues @license MIT ==/userstyle== */ :root { /* light colors - latte */ --dc-cs: light; --dc-tx-1: #4c4f69; /* primary text | Text */ --dc-tx-2: #4c4f69; /* secondary text | Text */ --dc-bg-1: #eff1f5; /* primary background | Base */ --dc-bg-2: #e6e9ef; /* secondary background | Mantle */ --dc-bg-3: #ccd0da; /* border | Surface0 */ --dc-lk-1: #1e66f5; /* link text | Blue */ --dc-lkb-1: #bcc0cc; /* link button | Surface1 */ --dc-lkb-2: #ccd0da; /* link button hover | Surface0 */ --dc-lkb-tx: #4c4f69; /* text over link button | Text */ --dc-ac-1: #8839ef; /* accent color | Mauve */ --dc-ac-tx: #eff1f5; /* text over accent color | Base */ /* dark colors - mocha */ --dc-d-cs: dark; --dc-d-tx-1: #cdd6f4; /* primary text | Text */ --dc-d-tx-2: #cdd6f4; /* secondary text | Text */ --dc-d-bg-1: #1e1e2e; /* primary background | Base */ --dc-d-bg-2: #181825; /* secondary background | Mantle */ --dc-d-bg-3: #313244; /* border | Surface0 */ --dc-d-lk-1: #89b4fa; /* link text | Blue */ --dc-d-lkb-1: #45475a; /* link button | Surface1 */ --dc-d-lkb-2: #313244; /* link button hover | Surface0 */ --dc-d-lkb-tx: #cdd6f4; /* text over link button | Text */ --dc-d-ac-1: #cba6f7; /* accent color | Mauve */ --dc-d-ac-tx: #1e1e2e; /* text over accent color | Base */ } @media (prefers-color-scheme: dark) { :root { --dc-cs: var(--dc-d-cs); --dc-tx-1: var(--dc-d-tx-1); --dc-tx-2: var(--dc-d-tx-2); --dc-bg-1: var(--dc-d-bg-1); --dc-bg-2: var(--dc-d-bg-2); --dc-bg-3: var(--dc-d-bg-3); --dc-lk-1: var(--dc-d-lk-1); --dc-lkb-1: var(--dc-d-lkb-1); --dc-lkb-2: var(--dc-d-lkb-2); --dc-lkb-tx: var(--dc-d-lkb-tx); --dc-ac-1: var(--dc-d-ac-1); --dc-ac-tx: var(--dc-d-ac-tx); } }