diff --git a/src/components/global/SudoVanillaLogo.astro b/src/components/global/SudoVanillaLogo.astro
index 6d5bf29..1f63a0a 100644
--- a/src/components/global/SudoVanillaLogo.astro
+++ b/src/components/global/SudoVanillaLogo.astro
@@ -6,9 +6,17 @@ const { WithLogo, OnlyLogo } = Astro.props;
   {
     WithLogo ? (
       <img
+        style="display: none;"
+        class="sv-logo-white"
         alt="SudoVanilla Logo"
         src="https://md.sudovanilla.org/images/sv-logo-4.png"
       />
+      <img
+        style="display: none;"
+        class="sv-logo-purple"
+        alt="SudoVanilla Logo"
+        src="https://md.sudovanilla.org/images/SudoVanilla%20Logo%20-%20Purple.png"
+      />
     ) : null
   }
   {OnlyLogo ? (
@@ -31,9 +39,10 @@ const { WithLogo, OnlyLogo } = Astro.props;
     }
   }
 
-  img[src="https://md.sudovanilla.org/images/sv-logo-4.png"]
+  img[src="https://md.sudovanilla.org/images/sv-logo-4.png"],
+  img["https://md.sudovanilla.org/images/SudoVanilla%20Logo%20-%20Purple.png"]
   {
-    width: 32px;
-    height: 30px;
+    width: 32px !important;
+    height: 30px !important;
   }
 </style>