From d74234e2df5e6cff8148a3590d047ebdda7c5cdd Mon Sep 17 00:00:00 2001
From: grandeljay <github.jay@grandel.anonaddy.me>
Date: Sat, 11 Jun 2022 17:29:54 +0200
Subject: [PATCH] Improve dark theme

---
 src/assets/css/default.css | 16 +++++++++++++++-
 src/pages/changelog.php    |  1 +
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/default.css b/src/assets/css/default.css
index b328163f..121ba10b 100644
--- a/src/assets/css/default.css
+++ b/src/assets/css/default.css
@@ -147,6 +147,11 @@ figure {
     box-sizing: content-box;
     z-index: 1;
 }
+@media (prefers-color-scheme: dark) {
+    .wishlist .ui.card > .image > img.favicon {
+        filter: brightness(80%);
+    }
+}
 
 .wishlist .ui.card > .image > img.favicon + span.provider {
     padding-left: 3em;
@@ -668,7 +673,7 @@ body,
         box-shadow: 0 0 0 0 rgba(221, 219, 217, 0.35) inset;
     }
 
-    /** Form **/
+    /** Form */
     .ui.form ::placeholder {
         color: rgba(64, 64, 64, 0.87);
     }
@@ -677,6 +682,12 @@ body,
         color: rgba(255, 255, 255, 0.87);
         background-color: rgba(155, 155, 155, 0.4);
     }
+    .ui.loading.form::before {
+        background-color: rgba(0, 0, 0, 0.8);
+    }
+    .ui.form .grouped.fields > label {
+        color: rgba(255, 255, 255, 0.87);
+    }
     .ui.form .field > label {
         color: rgba(255, 255, 255, 0.87);
     }
@@ -712,6 +723,9 @@ body,
     .ui.cards > .card > .extra {
         color: rgba(255, 255, 255, 0.4);
     }
+    .ui.loading.card::before {
+        background-color: rgba(0, 0, 0, 0.8);
+    }
 
     /** Label */
     .ui.teal.labels .label,
diff --git a/src/pages/changelog.php b/src/pages/changelog.php
index c2fee843..55e9318a 100644
--- a/src/pages/changelog.php
+++ b/src/pages/changelog.php
@@ -39,6 +39,7 @@ $page->navigation();
                             <h3 class="ui header"><?= __('Added') ?></h3>
                             <ul>
                                 <li><?= __('Blog') ?></li>
+                                <li><?= __('Dark theme') ?></li>
                             </ul>
 
                             <h3 class="ui header"><?= __('Improved') ?></h3>