Improve dark theme

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,

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>