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,
};