divoc: dark mode for svg exit graph

1 files changed, 49 insertions, 3 deletions

diff --git a/static/style.css b/static/style.css
index 6e5ec50..7a84ea6 100644
--- a/static/style.css
+++ b/static/style.css
@@ -31,7 +31,50 @@ a {
 
 #exitGraph {
     width: 100%;
-    height: 15em;
+    height: 20em;
+    overflow: hidden;
+    background-color: white;
+    border-radius: 0.5em;
+    margin-bottom: 0.5em;
+}
+svg {
+    overflow: visible !important;
+    fill: black;
+}
+
+svg > g > polygon {
+    stroke: none !important;
+}
+
+ellipse, polygon, path {
+    stroke: black;
+}
+ellipse {
+    fill: white;
+}
+@media (prefers-color-scheme: dark) {
+    svg {
+        overflow: visible !important;
+        fill: white;
+    }
+
+    svg > g > polygon {
+        stroke: none !important;
+        fill: black
+    }
+
+    ellipse {
+        fill: black;
+    }
+    ellipse, polygon, path {
+        stroke: #a74db7;
+    }
+    polygon {
+        fill: #a74db7;
+    }
+    #exitGraph {
+        background-color: black;
+    }
 }
 
 h1,h2,h3 {
@@ -67,7 +110,7 @@ h4{
 }
 
 .text-muted {
-    color: #222 !important;
+    color: #9945c5 !important;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -80,6 +123,9 @@ h4{
     }
 
     .text-muted {
-        color: #a74db7 !important;
+        color: #fdbe4b !important;
+    }
+    h4 {
+        color: #ffebd8;
     }
 }