feat: a couple changes

- simplify font stack significantly
- clean boilerplate theme
- replace boilerplate with boilerplate-auto for simplicity (you can still make static color themes)
- remove mono font line in terminal theme

Author: intergrav

README.md

@@ -213,7 +213,7 @@ dev.css supports custom colors and fonts through themes. You can find some pre-m
 />
 ```
 
-If you are creating your own theme, it is recommended to use the `boilerplate-auto.css` rather than the `boilerplate.css` template for better accessibility.
+If you are creating your own theme, see the `boilerplate.user.css` file.
 
 ### Userstyles
 

dev.css

@@ -20,15 +20,12 @@
 */
 
 /* 1. configurable variables */
-/* adjustable by you! see ./theme/boilerplate-auto.css */
+/* adjustable by you! see ./theme/boilerplate.user.css */
 :root {
 	/* font families */
-	/* modified from https://systemfontstack.com */
-	--dc-font: "Geist", "Inter", -apple-system, BlinkMacSystemFont, avenir next,
-		avenir, segoe ui variable text, segoe ui, helvetica neue, helvetica,
-		Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
-	--dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono,
-		Lucida Console, monospace;
+	--dc-font: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;
+	--dc-font-mono: "Geist Mono", ui-monospace, "Cascadia Code", "Source Code Pro",
+		Menlo, Consolas, "DejaVu Sans Mono", monospace;
 
 	/* light/dark colors */
 	--dc-cs: light dark; /* light and dark scrollbars, inputs, etc */

theme/boilerplate-auto.user.css

@@ -1,6 +1,6 @@
 /* ==userstyle==
 @name         boilerplate for dev.css
-@description  a template that you can modify. copied from dev.css defaults. remove lines that you want to keep as the dev.css default, such as the font lines
+@description  a template that you can modify. mostly copied from dev.css defaults. removing lines will revert to the dev.css default, for example the font lines
 @namespace    author
 @version      1.0.0
 @author       author <[email protected]> (https://example.com)
@@ -11,24 +11,20 @@
 
 :root {
 	/* font families */
-	/* modified from https://systemfontstack.com */
-	--dc-font: "Geist", "Inter", -apple-system, BlinkMacSystemFont, avenir next,
-		avenir, segoe ui variable text, segoe ui, helvetica neue, helvetica,
-		Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
-	--dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono,
-		Lucida Console, monospace;
+	--dc-font: sans-serif;
+	--dc-font-mono: monospace;
 
-	/* colors */
-	--dc-cs: light; /* light/dark scrollbars, inputs, etc */
-	--dc-tx-1: #171717; /* primary text */
-	--dc-tx-2: #666; /* secondary text */
-	--dc-bg-1: #fff; /* primary background */
-	--dc-bg-2: #fafafa; /* secondary background */
-	--dc-bg-3: #ebebeb; /* border */
-	--dc-lk-1: #005ff2; /* link text */
-	--dc-lkb-1: #006bff; /* link button */
-	--dc-lkb-2: #0059ec; /* link button hover */
-	--dc-lkb-tx: #fff; /* text over link button */
-	--dc-ac-1: #a000f8; /* accent color */
-	--dc-ac-tx: #fff; /* text over accent color */
+	/* light/dark colors */
+	--dc-cs: light dark; /* light/dark scrollbars, inputs, etc */
+	--dc-tx-1: light-dark(#171717, #ededed); /* primary text */
+	--dc-tx-2: light-dark(#666, #a1a1a1); /* secondary text */
+	--dc-bg-1: light-dark(#fff, #0a0a0a); /* primary background */
+	--dc-bg-2: light-dark(#fafafa, #000); /* secondary background */
+	--dc-bg-3: light-dark(#ebebeb, #2e2e2e); /* border */
+	--dc-lk-1: light-dark(#005ff2, #47a8ff); /* link text */
+	--dc-lkb-1: light-dark(#006bff, #006efe); /* link button */
+	--dc-lkb-2: light-dark(#0059ec, #005be7); /* link button hover */
+	--dc-lkb-tx: light-dark(#fff, #fff); /* text over link button */
+	--dc-ac-1: light-dark(#a000f8, #9440d5); /* accent color */
+	--dc-ac-tx: light-dark(#fff, #fff); /* text over accent color */
 }

theme/boilerplate.user.css

@@ -11,10 +11,7 @@
 
 :root {
 	/* font families */
-	/* modified from https://systemfontstack.com */
 	--dc-font: var(--dc-font-mono);
-	--dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono,
-		Lucida Console, monospace;
 
 	/* colors */
 	--dc-cs: dark;