Merge pull request #43 from the-standard/202410-themes

feat: lifi widget uses dark/light
the-standard · Nov 6, 2024 · 6afc40d · 6afc40d
2 parents 779203f + b3dfec8
commit 6afc40d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/LiFiWidget.jsx b/src/components/LiFiWidget.jsx
@@ -1,8 +1,14 @@
 import { LiFiWidget as LiFi } from '@lifi/widget';
 
+import {
+  useLocalThemeModeStore,
+} from "../store/Store";
+
 const projectId = import.meta.env.VITE_WALLETCONNECT_ID;
 
 const LiFiWidget = () => {
+  const { localThemeModeStore } = useLocalThemeModeStore();
+  const isLight = localThemeModeStore && localThemeModeStore.includes('light');
 
   const widgetConfig = {
     // fromChain,
@@ -13,7 +19,7 @@ const LiFiWidget = () => {
       projectId: projectId,
     },
     integrator: 'the-standard',
-    appearance: 'dark',
+    appearance: isLight ? 'light' : 'dark',
     theme: {
       container: {
         border: `1px solid rgb(234, 234, 234)`,