From 7ddcb5fe6b7de9df3e0424598d1836d51c3f80eb Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Mon, 22 Apr 2024 18:28:41 +0100
Subject: ui(extension): Use shadcn and better dark mode support

---
 apps/browser-extension/src/utils/providers.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'apps/browser-extension/src/utils/providers.tsx')

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>
+  );
 }
-- 
cgit v1.2.3-70-g09d2

