1 files changed, 51 insertions, 13 deletions

diff --git a/_sass/main.scss b/_sass/main.scss
index ffb2fae..8a78dc7 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -1,13 +1,49 @@
+:root {
+	--bgc1: black;
+	--bgc2: #222;
+	--bgc3: #444;
+	--fgc1: white;
+	--fgc2: lightgray;
+	--fgc3: lightblue;
+	--fglinkc: #ae5;
+	--fglinkvisitedc: #0cd;
+	--fglinkhoverc: cyan;
+	--fglinkactivec: #eff;
+	--fgchilite: red;
+	--fgdecorc: yellow;
+	--fgcodec: #aed;
+	--bgcodec: var(--bgc2);
+}
+
+@media (prefers-color-scheme: light) {
+	:root {
+		--bgc1: white;
+		--bgc2: gray;
+		--bgc3: darkgray;
+		--fgc1: black;
+		--fgc2: gray;
+		--fgc3: darkred;
+		--fglinkc: blue;
+		--fglinkvisitedc: purple;
+		--fglinkhoverc: darkblue;
+		--fglinkactivec: cyan;
+		--fgchilite: red;
+		--fgdecorc: darkmagenta;
+		--fgcodec: var(--bgc1);
+		--bgcodec: var(--fgc1);
+	}
+}
+
 .current {
-	color: red;
+	color: var(--fgchilite);
 }
 
 .dimmedtext {
-	color: gray;
+	color: var(--fgc2);
 }
 
 .dimmedtext a {
-	color: blue;
+	color: var(--fglinkc);
 }
 
 .textright {
@@ -20,41 +56,41 @@ table {
 }
 
 table, th, td, tr {
-	border: 1px solid black;
+	border: 1px solid var(--fgdecorc);
 }
 
 a {
 	text-decoration: underline;
 	cursor: pointer;
-	color: blue;
+	color: var(--fglinkc);
 }
 
 a:visited {
-	color: purple;
+	color: var(--fglinkvisitedc);
 }
 
 a:hover {
-	color: darkblue;
+	color: var(--fglinkhoverc);
 }
 
 a:active {
-	color: lightblue;
+	color: var(--fglinkactivec);
 }
 
 /* comments begin */
 
 	.comment {
 		margin-left: .5em;
-		border: 1px solid grey;
+		border: 1px solid var(--bgc2);
 		padding: .5em;
 	}
 
 	.odd {
-		background-color: darkgrey;
+		background-color: var(--bgc3);
 	}
 
 	.comment small {
-		color: darkred;
+		color: var(--fgc2);
 	}
 
 	.even {
@@ -105,9 +141,11 @@ body {
 	/* font-size: 18px;
 	line-height: 1.4; */
 	font-family: sans-serif;
+	background-color: var(--bgc1);
+	color: var(--fgc1);
 }
 
 code {
-	color: white;
-	background-color: black;
+	color: var(--fgcodec);
+	background-color: var(--bgcodec);
 }