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

1 files changed, 8 insertions, 1 deletions

diff --git a/apps/browser-extension/src/utils/providers.tsx b/apps/browser-extension/src/utils/providers.tsx
index 4ca17016..4b571254 100644
--- a/apps/browser-extension/src/utils/providers.tsx
+++ b/apps/browser-extension/src/utils/providers.tsx
@@ -1,9 +1,16 @@
 import { TRPCProvider } from "@hoarder/shared-react/providers/trpc-provider";
 
 import usePluginSettings from "./settings";
+import { ThemeProvider } from "./ThemeProvider";
 
 export function Providers({ children }: { children: React.ReactNode }) {
   const { settings } = usePluginSettings();
 
-  return <TRPCProvider settings={settings}>{children}</TRPCProvider>;
+  return (
+    <TRPCProvider settings={settings}>
+      <ThemeProvider defaultTheme="system" storageKey="vite-ui-theme">
+        {children}
+      </ThemeProvider>
+    </TRPCProvider>
+  );
 }