fix(auth-ui): fix styling regression

Author: johanbook

services/auth-ui/src/supertokens.ts

@@ -6,6 +6,17 @@ import Session from "supertokens-auth-react/recipe/session";
 
 import { fetchConfig } from "./config";
 
+const style = `
+  [data-supertokens~=container] {
+      --palette-primary: 200, 100, 150;
+      --palette-primaryBorder: 200, 100, 150;
+  }
+
+  [data-supertokens~=superTokensBranding] {
+    display: none;
+  } 
+`;
+
 export async function initializeSuperTokens(
   callback: () => void,
 ): Promise<void> {
@@ -33,22 +44,14 @@ export async function initializeSuperTokens(
       },
     },
     recipeList: [
-      EmailPassword.init({
-        style: `
-              [data-supertokens~=container] {
-                  --palette-primary: 200, 100, 150;
-                  --palette-primaryBorder: 200, 100, 150;
-              }
-              [data-supertokens~=superTokensBranding] {
-                display: none;
-              }
-            `,
-      }),
+      EmailPassword.init(),
       EmailVerification.init({
         mode: process.env.NODE_ENV === "production" ? "REQUIRED" : "OPTIONAL",
       }),
       Session.init(),
     ],
+
+    style,
     useShadowDom: false,
   });