fixes serverside pb auth

web/src/lib/components/base/button.svelte

@@ -11,7 +11,7 @@
 </script>
 
 <button
-    class={extraClasses}
+    class="{extraClasses} flex items-center justify-center"
     class:btn-primary={primary}
     class:btn-secondary={secondary}
     class:btn-large={large}

web/src/lib/components/base/text_field.svelte

@@ -27,7 +27,7 @@
             {name}
             class="bg-input-background border border-input-border rounded-md p-3 transition-colors focus:border-input-border-focus focus:outline-none focus:ring-0 w-full {extraClasses}"
             class:border-red-400={error.length > 0}
-            class:bg-red-50={error.length > 0}
+            class:bg-input-background-error={error.length > 0}
             {autocomplete}
             use:typeAction
             bind:value

web/src/lib/stores/theme_store.ts

@@ -6,7 +6,10 @@ type Theme = "dark" | "light"
 export const theme: Writable<Theme> = writable(browser && localStorage.getItem("theme") as Theme || "light" );
 
 export function toggleTheme() {
-    const newTheme = get(theme) === "light" ? "dark" : "light";
+    const currentTheme = get(theme);
+    const newTheme = currentTheme === "light" ? "dark" : "light";
+    document.documentElement.classList.remove(currentTheme)
+    document.documentElement.classList.add(newTheme)    
     theme.set(newTheme)
     localStorage.setItem("theme", newTheme);
 }