proper prefers-color-scheme support

old way of toggling dark mode will be removed shortly

dark.css

@@ -1,14 +1,16 @@
-body {
+@media (prefers-color-scheme: dark) {
+ body {
 	color:#ffffff;
 	background-color:#000;
-}
+ }
 
-a {
+ a {
 	color:#fffc00;
 	background-color:#000;
-}
+ }
 
-a:hover {
+ a:hover {
-  color:#ff5f5c;
+	color:#ff5f5c;
-  background-color:#000;
+	background-color:#000;
-}
+ }
+}

index.css

@@ -1,10 +1,5 @@
-@media (prefers-color-scheme: light) {
+@import url("/~job/light.css");
-	@import url("/~job/light.css");
+@import url("/~job/dark.css");
-}
-
-@media (prefers-color-scheme: dark) {
-	@import url("/~job/dark.css");
-}
 
 h1, header, footer, .txtcenter, .multipleimgcenter { text-align:center; }
 

light.css

@@ -1,9 +1,11 @@
-body {
+@media (prefers-color-scheme: light) {
+ body {
 	color:#000;
 	background-color:#faf98b;
-}
+ }
 
-a:hover {
+ a:hover {
   color:#a80300;
   background-color:#faf98b;
-}
+ }
+}