Simplify/reduce custom colors

- Make default stylesheet use browser preferred colors
- Stop using css vars for better compatibility with old browsers

themes/etch-custom/assets/css/dark.css

@@ -2,11 +2,6 @@
 @media (prefers-color-scheme: dark) {
 	{{ end -}}
 
-	:root {
-		--dim-text: #a7a7a7;
-		--shaded-bg: #222;
-	}
-
 	html{
 		color: white;
 		background: black;
@@ -23,9 +18,9 @@
 	main#content hr {
 		border-color: #5c5c5c;
 	}
-
-	main#content #toc h4 {
-		color: #d4d4d4;
+	main#content pre,
+	main#content code {
+		border: 1px solid #222;
 	}
 
 	{{- if not (eq .Site.Params.dark "on") -}}

themes/etch-custom/assets/css/main.css

@@ -1,10 +1,5 @@
-:root {
-	--dim-text: #454545;
-	--shaded-bg: #e3e3e3;
-}
 html {
-	background: white;
-	color: black;
+	font-size: 16px;
 	line-height: 1.5rem;
 	font-family: sans-serif;
 }
@@ -16,12 +11,7 @@ body {
 }
 
 header#banner {
-	margin: 2rem 0;
-}
-
-header#banner a {
-	color: black;
-	text-decoration: none;
+	margin: 2rem 0 0 0;
 }
 
 header#banner a:hover {
@@ -51,14 +41,6 @@ header#banner nav ul li {
 	margin: 0 0.5rem;
 }
 
-header#banner nav ul li a {
-	color: var(--dim-text);
-}
-
-main#content a, footer a {
-	color: #007dfa;
-}
-
 main#content h1,
 main#content h2,
 main#content h3,
@@ -163,13 +145,18 @@ main#content figure figcaption p {
 
 main#content code {
 	font-size: 16px;
-	background-color: var(--shaded-bg);
+}
+main#content pre,
+main#content code {
+	border: 1px solid #e3e3e3;
+}
+main#content pre code {
+	border: none;
 }
 
 main#content pre {
 	overflow-y: visible;
 	overflow-x: scroll;
-	background-color: var(--shaded-bg);
 	padding: 0.5rem;
 }
 
@@ -178,6 +165,5 @@ main#content code {
 }
 
 footer#footer {
-	color: var(--dim-text);
 	margin: 2rem 0;
 }