diff --git a/webui/public/daggyd.css b/webui/public/daggyd.css
index c8831f7..476ed24 100644
--- a/webui/public/daggyd.css
+++ b/webui/public/daggyd.css
@@ -1,8 +1,19 @@
 :root {
-  --accent-bg: #F3F3F3;
   --base-fontsize: 1.0rem;
 }
 
+@media (prefers-color-scheme: light) {
+  :root {
+    --accent-bg: #F3F3F3;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --accent-bg: #3F3F3F;
+  }
+}
+
 body {
   max-width: 100%;
   padding: 0px;