Dark theme: correct the logo

dhenry123 · Jan 10, 2024 · b87b313 · b87b313
1 parent 3414d5a
commit b87b313
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/client/src/app/css/root.scss b/client/src/app/css/root.scss
@@ -82,6 +82,11 @@ $form-scrap-content-height: 10vh;
   align-self: flex-start;
   background-image: url("/assets/MytinyDC_logo-brand-full.png");
   background-repeat: no-repeat;
+
+    @media (prefers-color-scheme: dark) {
+      background-image: url("/assets/MytinyDC_logo-brand-full-darkmode.png");
+      background-size: 180px 50px;
+    }
 }
 
 :root {

diff --git a/client/src/components/Header.scss b/client/src/components/Header.scss
@@ -19,7 +19,7 @@
   .logo {
     margin: 4px;
     cursor: pointer;
-    background-color: white;
+    background-color: inherit;
     padding: 6px 6px 0 0;
     opacity: 0.7;
   }