use media queries

docs/prettify/threejs.css

@@ -1,15 +1,28 @@
-pre .str, code .str { color: #BB55FF; } /* string */
+pre .str, code .str { color: #8000ff; } /* string */
 pre .kwd, code .kwd { color: #30b030; } /* keyword */
-pre .com, code .com { color: #666666; } /* comment */
+pre .com, code .com { color: #999999; } /* comment */
 pre .typ, code .typ { color: #2194ce; } /* type */
-pre .lit, code .lit { color: #ff3399; } /* literal */
+pre .lit, code .lit { color: #ff0080; } /* literal */
 pre .pun, code .pun { color: #888888; } /* punctuation */
-pre .pln, code .pln { color: #aaaaaa; } /* plaintext */
+pre .pln, code .pln { color: #444444; } /* plaintext */
 pre .dec, code .dec { color: #22c0c4; } /* decimal */
 
 
 
 pre.prettyprint, code.prettyprint {
-	background-color: #333333;
+	background-color: #F5F5F5;
 	font-family: 'Roboto Mono', monospace;
 }
+
+@media (prefers-color-scheme: dark) {
+
+	pre .str, code .str { color: #BB55FF; } /* string */
+	pre .com, code .com { color: #666666; } /* comment */
+	pre .lit, code .lit { color: #ff3399; } /* literal */
+	pre .pln, code .pln { color: #aaaaaa; } /* plaintext */
+
+	pre.prettyprint, code.prettyprint {
+		background-color: #333333;
+	}
+
+}