dark theme

1 files changed, 17 insertions, 1 deletions

diff --git a/static/skeleton.css b/static/skeleton.css
index 4ec4670..81994c9 100644
--- a/static/skeleton.css
+++ b/static/skeleton.css
@@ -13,6 +13,13 @@ body {
   overflow-y: scroll;
 }
 
+:link {
+  color: var(--clr-link-unvisited);
+}
+:visited {
+  color: var(--clr-link-visited);
+}
+
 header {
   background: var(--clr-primary);
   color: var(--clr-foreground-on-primary);
@@ -26,6 +33,11 @@ header {
   width: 100%;
   box-sizing: border-box;
   z-index: 100;
+
+  @media (prefers-color-scheme: dark) {
+    background: var(--clr-secondary);
+    color: var(--clr-foreground-on-secondary);
+  }
 }
 
 #siteTitle {
@@ -61,7 +73,7 @@ nav {
 
   a {
     text-decoration: none;
-    color: inherit;
+    color: inherit !important;
     &:hover {
       text-decoration: underline;
     }
@@ -83,6 +95,10 @@ nav {
         &.disabled {
           opacity: 0.6;
         }
+        @media (prefers-color-scheme: dark) {
+          background: var(--clr-background);
+          color: var(--clr-foreground);
+        }
       }
     }
     @media (width < 1200px) {