1 files changed, 60 insertions, 39 deletions
diff --git a/aux/workflow/style.css b/aux/workflow/style.css
index d72991e..56e4712 100644
--- a/aux/workflow/style.css
+++ b/aux/workflow/style.css
@@ -1,41 +1,62 @@
 <style>
-	hr {
-		background-color: #ccc;
-	}
-
-	.header-anchor {
-		opacity: 0.5;
-	}
-
-	.tag {
-		font-family: monospace;
-		font-size: 70%;
-		background-color: lightgray;
-		padding: 3px;
-		border-radius: 5px;
-	}
-
-	.TODO {
-		color: brown;
-	}
-
-	.DOING {
-		color: yellowgreen;
-	}
-
-	.WAITING, .MEETING {
-		color: orange;
-	}
-
-	.INACTIVE {
-		color: gray;
-	}
-
-	.NEXT {
-		color: red;
-	}
-
-	.CANCELLED, .DONE, .WONTFIX {
-		color: green;
-	}
+  @media(prefers-color-scheme: dark) {
+    :root {
+      color: white;
+      background-color: black;
+    }
+
+    a {
+      color: hsl(211, 100%, 60%);
+    }
+
+    a:visited {
+      color: hsl(242, 100%, 80%);
+    }
+  }
+
+  body {
+    max-width: 800px;
+    margin: 0 auto 0 auto;
+  }
+
+  hr {
+    background-color: #ccc;
+  }
+
+  .header-anchor {
+    opacity: 0.5;
+  }
+
+  .tag {
+    font-family: monospace;
+    font-size: 70%;
+    background-color: lightgray;
+    color: black;
+    padding: 3px;
+    border-radius: 5px;
+  }
+
+  .TODO {
+    color: brown;
+  }
+
+  .DOING {
+    color: yellowgreen;
+  }
+
+  .WAITING, .MEETING {
+    color: orange;
+  }
+
+  .INACTIVE {
+    color: gray;
+  }
+
+  .NEXT {
+    color: red;
+  }
+
+  .CANCELLED, .DONE, .WONTFIX {
+    color: green;
+  }
 </style>