aux/workflow/style.css: Customize <pre> and <code> tag colors for dark mode

I had to change the "@media(prefers-color-scheme: black)" block to the
end of the file, because otherwise the "pre { background-color: #222; }"
inside the block would get overriden by the
"pre { background-color: #ddd; }" below.

1 files changed, 23 insertions, 23 deletions

diff --git a/aux/workflow/style.css b/aux/workflow/style.css
index c212ddb..99980aa 100644
--- a/aux/workflow/style.css
+++ b/aux/workflow/style.css
@@ -1,23 +1,4 @@
 <style>
-  @media(prefers-color-scheme: dark) {
-    :root {
-      color: white;
-      background-color: black;
-    }
-
-    a {
-      color: hsl(211, 100%, 60%);
-    }
-
-    a:visited {
-      color: hsl(242, 100%, 80%);
-    }
-
-    pre {
-      background-color: #333;
-    }
-  }
-
   body {
     max-width: 800px;
     margin: 0 auto 0 auto;
@@ -65,14 +46,33 @@
     color: green;
   }
 
-  pre {
-    background-color: #ccc;
-    border-radius: 10px;
-    padding: 10px;
+  pre, code {
+    background-color: #ddd;
+    border-radius: 5px;
+    padding: 5px;
   }
 
   pre > code {
     overflow: auto;
     white-space: pre;
   }
+
+  @media(prefers-color-scheme: dark) {
+    :root {
+      color: white;
+      background-color: black;
+    }
+
+    a {
+      color: hsl(211, 100%, 60%);
+    }
+
+    a:visited {
+      color: hsl(242, 100%, 80%);
+    }
+
+    pre, code {
+      background-color: #222;
+    }
+  }
 </style>