ui(extension): Use shadcn and better dark mode support

1 files changed, 7 insertions, 1 deletions

diff --git a/apps/browser-extension/src/Logo.tsx b/apps/browser-extension/src/Logo.tsx
index 462bbef0..3e2e6444 100644
--- a/apps/browser-extension/src/Logo.tsx
+++ b/apps/browser-extension/src/Logo.tsx
@@ -1,9 +1,15 @@
+import logoImgWhite from "../public/logo-full-white.png";
 import logoImg from "../public/logo-full.png";
 
 export default function Logo() {
   return (
     <span className="flex items-center justify-center">
-      <img src={logoImg} alt="hoarder logo" className="h-10" />
+      <img src={logoImg} alt="hoarder logo" className="h-10 dark:hidden" />
+      <img
+        src={logoImgWhite}
+        alt="hoarder logo"
+        className="hidden h-10 dark:block"
+      />
     </span>
   );
 }