disable light mode (#271)

skyvern-frontend/src/App.tsx

@@ -7,7 +7,7 @@ import { queryClient } from "./api/QueryClient";
 function App() {
   return (
     <QueryClientProvider client={queryClient}>
-      <ThemeProvider defaultTheme="dark" storageKey="skyvern-theme">
+      <ThemeProvider defaultTheme="dark">
         <RouterProvider router={router} />
       </ThemeProvider>
     </QueryClientProvider>

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<Theme>(
+  const [theme, setTheme] = useState<Theme>(defaultTheme);
-    () => (localStorage.getItem(storageKey) as Theme) || 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);
     },
   };

skyvern-frontend/src/components/themeProviderContext.ts

@@ -8,7 +8,7 @@ type ThemeProviderState = {
 };
 
 const initialState: ThemeProviderState = {
-  theme: "system",
+  theme: "dark",
   setTheme: () => null,
 };