From 1d6716f98b2ffaa2b268f19dae234bb406cb8e60 Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Sun, 12 Nov 2023 20:54:11 +1300
Subject: [PATCH] dark mode

---
 app/static/styles.css  | 18 ++++++++++++++++++
 app/static/styles.scss | 21 +++++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/app/static/styles.css b/app/static/styles.css
index d063410c..a2739cf9 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -292,6 +292,10 @@ nav.navbar {
   font-size: 140%;
 }
 
+.card-header h2 {
+  margin-bottom: 5px;
+}
+
 .alert-info, .alert-message, .alert-error {
   color: #0c5460;
   background-color: #d1ecf1;
@@ -387,4 +391,18 @@ nav.navbar {
   color: #777;
 }
 
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #777;
+  }
+
+  nav.navbar {
+    background-color: #eee !important;
+  }
+
+  .main_pane, .card {
+    background-color: #eee;
+  }
+}
+
 /*# sourceMappingURL=styles.css.map */
diff --git a/app/static/styles.scss b/app/static/styles.scss
index 636187d7..194e935b 100644
--- a/app/static/styles.scss
+++ b/app/static/styles.scss
@@ -58,6 +58,12 @@ nav.navbar {
   font-size: 140%;
 }
 
+.card-header {
+  h2 {
+    margin-bottom: 5px;
+  }
+}
+
 .alert-info, .alert-message, .alert-error {
   color: #0c5460;
   background-color: #d1ecf1;
@@ -157,4 +163,19 @@ nav.navbar {
       color: $dark-grey;
     }
   }
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: $dark-grey;
+  }
+
+  nav.navbar {
+    background-color: #eee!important;
+  }
+
+  .main_pane, .card {
+    background-color: #eee;
+  }
+
 }
\ No newline at end of file