From b35379b3797ca3f036d7aadf360b897563b642da Mon Sep 17 00:00:00 2001
From: grandeljay <github.jay@grandel.anonaddy.me>
Date: Wed, 12 Oct 2022 19:44:26 +0200
Subject: [PATCH] Improve dark theme

---
 src/assets/css/default.css      |  3 ++-
 src/assets/css/default/dark.css | 30 +++++++++++++++++++++++++-----
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/default.css b/src/assets/css/default.css
index 8b00a341..1c45fe32 100644
--- a/src/assets/css/default.css
+++ b/src/assets/css/default.css
@@ -15,6 +15,7 @@ body {
 }
 @media (prefers-color-scheme: dark) {
     body {
+        color: #fff;
         background-color: #2c2c2c;
     }
 }
@@ -140,7 +141,7 @@ figure {
 @media (prefers-color-scheme: dark) {
     .wishlist .ui.card > .image > img.preview {
         filter: brightness(80%);
-        background-color: #000;
+        background-color: #111;
     }
 }
 
diff --git a/src/assets/css/default/dark.css b/src/assets/css/default/dark.css
index 602a524f..571c605d 100644
--- a/src/assets/css/default/dark.css
+++ b/src/assets/css/default/dark.css
@@ -54,7 +54,7 @@
     .ui.basic.active.button,
     .ui.basic.buttons .active.button {
         background-color: rgba(255, 255, 255, .08);
-        color: #000 !important;
+        color: #111 !important;
         box-shadow: 0 0 0 2px rgba(255, 255, 255, .7) inset;
     }
 
@@ -103,7 +103,7 @@
 
     /** Buttons */
     .wishlist .ui.card > .extra.buttons {
-        background-color: #000 !important;
+        background-color: #111 !important;
     }
 
     /**
@@ -123,7 +123,7 @@
      * Dimmer
      */
     .ui.dimmer {
-        background-color: rgba(255, 255, 255, .85);
+        background-color: rgba(98, 98, 98, 0.85);
     }
 
     /**
@@ -283,6 +283,14 @@
         border-color: #e0b4b4;
     }
 
+    /** Loading */
+    .ui.loading.form::before {
+        background-color: rgba(27, 28, 29, 0.85);
+    }
+    .ui.loading.form {
+        color: #fff;
+    }
+
     /**
      * Header
      */
@@ -351,16 +359,28 @@
         border: none !important;
     }
 
+    /**
+     * Message
+     */
+    .ui.message {
+        background-color: #1b1c1d !important;
+        color: rgba(255, 255, 255, .9);
+    }
+    .ui.error.message,
+    .ui.error.message .header {
+        color: #ecd1d1;
+    }
+
     /**
      * Modal
      */
     .ui.modal {
-        background-color: #000 !important;
+        background-color: #111 !important;
     }
 
     .ui.modal > .content,
     .ui.modal > .header {
-        background-color: #000;
+        background-color: #111;
         color: #fff;
     }