Merge pull request #445 from Biswas-Samrat/fix-logo-visibility-darkmode

Fix: Improve logo visibility in Dark Mode (#435)

Author: wurstbrot

src/app/component/logo/logo.component.css

@@ -1,7 +1,13 @@
-.logo {  
-    width: 200px;  
-    height: auto;  
-    text-align: center;  
-    padding: 5px;  
+.logo {
+    width: 200px;
+    height: auto;
+    text-align: center;
+    padding: 5px;
     /*border: 3px solid blue; */
-    }  
+}
+
+/* When dark theme is active, swap the image source */
+:host-context(.dark-theme) .logo {
+    content: url("../../../assets/images/Dark-mode-logo.png");
+    filter: none;
+}