Fix Theme switcher

undyingwraith · Nov 18, 2024 · e0b4dd6 · e0b4dd6
1 parent d2d24a9
commit e0b4dd6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/packages/ui/src/Theme.tsx b/packages/ui/src/Theme.tsx
@@ -7,7 +7,7 @@ const baseTheme = createTheme({
 	},
 });
 
-export function createDarkTheme (accentColor: string) {
+export function createDarkTheme(accentColor: string) {
 	return createTheme({
 		...baseTheme,
 		palette: {
@@ -35,4 +35,4 @@ export function createLightTheme(accentColor: string) {
 			},
 		},
 	});
-}
+}
diff --git a/packages/ui/src/context/ThemeContext.tsx b/packages/ui/src/context/ThemeContext.tsx
@@ -19,10 +19,12 @@ export function ThemeContextProvider(props: PropsWithChildren<{}>) {
 		<ThemeContext.Provider value={{
 			darkMode,
 		}}>
-			<ThemeProvider theme={theme.value}>
-				<CssBaseline />
-				{props.children}
-			</ThemeProvider>
+			{useComputed(() => (
+				<ThemeProvider theme={theme.value}>
+					<CssBaseline />
+					{props.children}
+				</ThemeProvider>
+			))}
 		</ThemeContext.Provider>
 	);
 }