diff --git a/skyvern-frontend/src/App.tsx b/skyvern-frontend/src/App.tsx index 8e96842a..81ccbeef 100644 --- a/skyvern-frontend/src/App.tsx +++ b/skyvern-frontend/src/App.tsx @@ -7,7 +7,7 @@ import { queryClient } from "./api/QueryClient"; function App() { return ( - + diff --git a/skyvern-frontend/src/components/ThemeProvider.tsx b/skyvern-frontend/src/components/ThemeProvider.tsx index 80cdb135..789933ad 100644 --- a/skyvern-frontend/src/components/ThemeProvider.tsx +++ b/skyvern-frontend/src/components/ThemeProvider.tsx @@ -4,22 +4,17 @@ import { Theme, ThemeProviderContext } from "./themeProviderContext"; export type ThemeProviderProps = { children: React.ReactNode; defaultTheme?: Theme; - storageKey?: string; }; export function ThemeProvider({ children, defaultTheme = "system", - storageKey = "vite-ui-theme", ...props }: ThemeProviderProps) { - const [theme, setTheme] = useState( - () => (localStorage.getItem(storageKey) as Theme) || defaultTheme, - ); + const [theme, setTheme] = useState(defaultTheme); useEffect(() => { const root = window.document.documentElement; - root.classList.remove("light", "dark"); if (theme === "system") { @@ -38,7 +33,6 @@ export function ThemeProvider({ const value = { theme, setTheme: (theme: Theme) => { - localStorage.setItem(storageKey, theme); setTheme(theme); }, }; diff --git a/skyvern-frontend/src/components/themeProviderContext.ts b/skyvern-frontend/src/components/themeProviderContext.ts index f86d4515..efc86bd8 100644 --- a/skyvern-frontend/src/components/themeProviderContext.ts +++ b/skyvern-frontend/src/components/themeProviderContext.ts @@ -8,7 +8,7 @@ type ThemeProviderState = { }; const initialState: ThemeProviderState = { - theme: "system", + theme: "dark", setTheme: () => null, };