Merge pull request #64 from GabsEdits/dark-sponsors

cleanup: invert and grayscale the sponsor logos on dark mode

src/components/Sponsors.astro

@@ -3,22 +3,22 @@
 
   <div class="flex justify-center items-center gap-4 mb-4 flex-col md:flex-row">
     <a href="https://www.jetbrains.com/?from=bottles" target="_blank" rel="noopener noreferrer">
-      <img src="/assets/sponsors/jetbrains.png" alt="JetBrains" class="h-12" />
+      <img src="/assets/sponsors/jetbrains.png" alt="JetBrains" class="h-12 dark:grayscale dark:invert" />
     </a>
     <a href="https://www.gitbook.com/?ref=bottles" target="_blank" rel="noopener noreferrer">
-      <img src="/assets/sponsors/gitbook.png" alt="GitBook" class="h-12" />
+      <img src="/assets/sponsors/gitbook.png" alt="GitBook" class="h-12 dark:grayscale dark:invert" />
     </a>
     <a href="https://www.linode.com/?from=bottles" target="_blank" rel="noopener noreferrer">
-      <img src="/assets/sponsors/linode-brand.png" alt="Linode" class="h-12" />
+      <img src="/assets/sponsors/linode-brand.png" alt="Linode" class="h-12 dark:grayscale dark:invert" />
     </a>
     <a href="https://appwrite.io?from=bottles" target="_blank" rel="noopener noreferrer">
-      <img src="/assets/sponsors/built-with-appwrite.svg" alt="Appwrite" class="h-12" />
+      <img src="/assets/sponsors/built-with-appwrite.svg" alt="Appwrite" class="h-12 dark:grayscale dark:invert" />
     </a>
     <a href="https://hyperbit.it/" target="_blank" rel="noopener noreferrer">
-      <img src="/assets/sponsors/HyperBit_Dark_Logo.png" alt="Hyperbitz" class="h-12" />
+      <img src="/assets/sponsors/HyperBit_Dark_Logo.png" alt="Hyperbitz" class="h-12 dark:grayscale dark:invert" />
     </a>
     <a href="https://www.scaleway.com/en/" target="_blank" rel="noopener noreferrer">
-      <img src="/assets/sponsors/Scaleway_FOSS.png" alt="Scaleway" class="h-12" />
+      <img src="/assets/sponsors/Scaleway_FOSS.png" alt="Scaleway" class="h-12 dark:grayscale dark:invert" />
     </a>
   </div>