diff --git a/src/app/component/logo/logo.component.css b/src/app/component/logo/logo.component.css
index 017a4c7a2..6f94d5c16 100644
--- a/src/app/component/logo/logo.component.css
+++ b/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; */
-    }  
\ No newline at end of file
+}
+
+/* When dark theme is active, swap the image source */
+:host-context(.dark-theme) .logo {
+    content: url("../../../assets/images/Dark-mode-logo.png");
+    filter: none;
+}
\ No newline at end of file
diff --git a/src/assets/images/Dark-mode-logo.png b/src/assets/images/Dark-mode-logo.png
new file mode 100644
index 000000000..c39b0eced
Binary files /dev/null and b/src/assets/images/Dark-mode-logo.png differ