lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
1/* ==userstyle==
2@name boilerplate for dev.css
3@description a template that you can modify. copied from dev.css defaults. removing lines will revert to the dev.css default, for example the font lines
4@namespace author
5@version 1.0.0
6@author author <author@example.com> (https://example.com)
7@homepageURL https://example.com
8@supportURL https://example.com/issues
9@license MIT
10==/userstyle== */
11
12:root {
13 /* font families */
14 --dc-font: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;
15 --dc-font-mono: "Geist Mono", ui-monospace, "Cascadia Code", "Source Code Pro",
16 Menlo, Consolas, "DejaVu Sans Mono", monospace;
17
18 /* light/dark colors */
19 --dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
20 --dc-tx-1: light-dark(#171717, #ededed); /* primary text */
21 --dc-tx-2: light-dark(#666, #a1a1a1); /* secondary text */
22 --dc-bg-1: light-dark(#fff, #0a0a0a); /* primary background */
23 --dc-bg-2: light-dark(#fafafa, #000); /* secondary background */
24 --dc-bg-3: light-dark(#ebebeb, #2e2e2e); /* border */
25 --dc-lk-1: light-dark(#005ff2, #47a8ff); /* link text */
26 --dc-lkb-1: light-dark(#006bff, #006efe); /* link button */
27 --dc-lkb-2: light-dark(#0059ec, #005be7); /* link button hover */
28 --dc-lkb-tx: light-dark(#fff, #fff); /* text over link button */
29 --dc-ac-1: light-dark(#a000f8, #9440d5); /* accent color */
30 --dc-ac-tx: light-dark(#fff, #fff); /* text over accent color */
31}