Updated some styles and colors

src/styles/main.scss

@@ -211,6 +211,21 @@ button,
 
 // Components
 
+.logo {
+    display: flex;
+    align-items: center;
+
+    & > img {
+        max-height: 2.5rem;
+
+        body.dark-mode & {
+            filter: hue-rotate(135deg) brightness(1.1);
+        }
+    }
+
+    gap: 0.25rem;
+}
+
 .popup-container {
     position: absolute;
     inset: 0;
@@ -377,17 +392,6 @@ body {
             display: none;
         }
     }
-
-    .logo {
-        display: flex;
-        align-items: center;
-
-        img {
-            max-height: 2.5rem;
-        }
-
-        gap: 0.25rem;
-    }
 }
 
 .events-view {
@@ -856,17 +860,6 @@ body {
 
         border-bottom: 1px solid var(--border-500);
 
-        .logo {
-            display: flex;
-            align-items: center;
-
-            img {
-                max-height: 2.5rem;
-            }
-
-            gap: 0.25rem;
-        }
-
         .option-group {
             display: flex;
             gap: 0.5rem;