lightweight, simple, classless CSS framework inspired by new.css
devcss.devins.page
framework
lightweight
css
classless
stylesheet
chore: adjust text/border contrast again
+4
-4
+2
-2
dev.css
+2
-2
dev.css
···
27
27
/* light/dark colors */
28
28
color-scheme: light dark; /* light and dark scrollbars, inputs, etc */
29
29
--dc-tx-1: light-dark(#171717, #ededed); /* primary text */
30
-
--dc-tx-2: light-dark(#666, #a1a1a1); /* secondary text */
30
+
--dc-tx-2: light-dark(#3f3f3f, #bbbbbb); /* secondary text */
31
31
--dc-bg-1: light-dark(#fff, #0a0a0a); /* primary background */
32
32
--dc-bg-2: light-dark(#fafafa, #000); /* secondary background */
33
-
--dc-bg-3: light-dark(#c9c9c9, #575757); /* border */
33
+
--dc-bg-3: light-dark(#d3d3d3, #494949); /* border */
34
34
--dc-lk-1: light-dark(#005ff2, #47a8ff); /* link text */
35
35
--dc-lkb-1: light-dark(#006bff, #006efe); /* link button */
36
36
--dc-lkb-2: light-dark(#0059ec, #005be7); /* link button hover */
+2
-2
theme/boilerplate.user.css
+2
-2
theme/boilerplate.user.css
···
17
17
/* light/dark colors */
18
18
color-scheme: light dark; /* light/dark scrollbars, inputs, etc */
19
19
--dc-tx-1: light-dark(#171717, #ededed); /* primary text */
20
-
--dc-tx-2: light-dark(#666, #a1a1a1); /* secondary text */
20
+
--dc-tx-2: light-dark(#3f3f3f, #bbbbbb); /* secondary text */
21
21
--dc-bg-1: light-dark(#fff, #0a0a0a); /* primary background */
22
22
--dc-bg-2: light-dark(#fafafa, #000); /* secondary background */
23
-
--dc-bg-3: light-dark(#c9c9c9, #575757); /* border */
23
+
--dc-bg-3: light-dark(#d3d3d3, #494949); /* border */
24
24
--dc-lk-1: light-dark(#005ff2, #47a8ff); /* link text */
25
25
--dc-lkb-1: light-dark(#006bff, #006efe); /* link button */
26
26
--dc-lkb-2: light-dark(#0059ec, #005be7); /* link button hover */