v2 alpha service in @zitadel/server

apps/login/app/(login)/error.tsx

@@ -12,7 +12,7 @@ export default function Error({ error, reset }: any) {
   return (
     <Boundary labels={["Home page Error UI"]} color="pink">
       <div className="space-y-4">
-        <div className="text-sm text-pink-500">
+        <div className="text-sm text-warn-light-500 dark:text-warn-dark-500">
           <strong className="font-bold">Error:</strong> {error?.message}
         </div>
         <div>

apps/login/app/(login)/register/page.tsx

@@ -1,23 +1,25 @@
 import {
-  getPasswordComplexityPolicy,
-  getPrivacyPolicy,
+  getLegalAndSupportSettings,
+  getPasswordComplexitySettings,
   server,
 } from "#/lib/zitadel";
 import RegisterForm from "#/ui/RegisterForm";
 
 export default async function Page() {
-  const privacyPolicy = await getPrivacyPolicy(server);
-  const passwordComplexityPolicy = await getPasswordComplexityPolicy(server);
+  const legal = await getLegalAndSupportSettings(server);
+  const passwordComplexitySettings = await getPasswordComplexitySettings(
+    server
+  );
 
   return (
     <div className="flex flex-col items-center space-y-4">
       <h1>Register</h1>
       <p className="ztdl-p">Create your ZITADEL account.</p>
 
-      {privacyPolicy && passwordComplexityPolicy && (
+      {legal && passwordComplexitySettings && (
         <RegisterForm
-          privacyPolicy={privacyPolicy}
-          passwordComplexityPolicy={passwordComplexityPolicy}
+          privacyPolicy={legal}
+          passwordComplexityPolicy={passwordComplexitySettings}
         ></RegisterForm>
       )}
     </div>

apps/login/app/layout.tsx

@@ -6,7 +6,7 @@ import Byline from "#/ui/Byline";
 import { LayoutProviders } from "#/ui/LayoutProviders";
 import { Analytics } from "@vercel/analytics/react";
 import ThemeWrapper from "#/ui/ThemeWrapper";
-import { getBranding } from "#/lib/zitadel";
+import { getBrandingSettings } from "#/lib/zitadel";
 import { server } from "../lib/zitadel";
 import { LabelPolicyColors } from "#/utils/colors";
 
@@ -25,7 +25,7 @@ export default async function RootLayout({
   // later only shown with dev mode enabled
   const showNav = true;
 
-  const branding = await getBranding(server);
+  const branding = await getBrandingSettings(server);
   let partialPolicy: LabelPolicyColors | undefined;
   console.log(branding);
   if (branding) {