fix: preserve default header and login branding

apps/nextjs/src/app/[locale]/auth/invite/[id]/page.tsx

@@ -7,7 +7,7 @@ import { isProviderEnabled } from "@homarr/auth/server";
 import { and, db, eq } from "@homarr/db";
 import { invites } from "@homarr/db/schema";
 import { OnboardingAuthShell } from "@homarr/onboarding";
-import { defaultBrandingSettings } from "@homarr/server-settings";
+import { defaultBrandingSettings, getBrandingColorOverrides } from "@homarr/server-settings";
 import { getI18n } from "@homarr/translation/server";
 
 import { RegistrationForm } from "./_registration-form";
@@ -47,6 +47,7 @@ export default async function InviteUsagePage(props: InviteUsagePageProps) {
 
   const [t, serverSettings] = await Promise.all([getI18n("user.page.invite"), getRscServerSettingsAsync()]);
   const branding = serverSettings.branding;
+  const wordmarkColors = getBrandingColorOverrides(branding);
   const showCustomAppName = branding.authBranding.showAppName && branding.appName !== defaultBrandingSettings.appName;
   const showCustomGreeting = branding.authBranding.showGreeting && branding.greeting.length > 0;
   const title = showCustomAppName ? t("titleWithAppName", { appName: branding.appName }) : t("title");
@@ -65,6 +66,8 @@ export default async function InviteUsagePage(props: InviteUsagePageProps) {
       showAppLogo={branding.authBranding.showLogo}
       primaryColor={branding.primaryColor}
       secondaryColor={branding.secondaryColor}
+      wordmarkPrimaryColor={wordmarkColors.primaryColor}
+      wordmarkSecondaryColor={wordmarkColors.secondaryColor}
       logoImageUrl={branding.logoImageUrl ?? undefined}
       backgroundImageUrl={branding.signInBackgroundImageUrl ?? undefined}
       backgroundOverlay={branding.signInBackgroundOverlay}

apps/nextjs/src/app/[locale]/auth/login/page.tsx

@@ -6,6 +6,7 @@ import { getRscServerSettingsAsync } from "@homarr/api/server-settings-server";
 import { env } from "@homarr/auth/env";
 import { auth } from "@homarr/auth/next";
 import { OnboardingAuthShell } from "@homarr/onboarding";
+import { getBrandingColorOverrides } from "@homarr/server-settings";
 import { getI18n } from "@homarr/translation/server";
 import { sanitizeRedirectionUrl } from "@homarr/validation/redirection-url";
 
@@ -28,6 +29,7 @@ export default async function Login(props: LoginProps) {
 
   const [t, serverSettings] = await Promise.all([getI18n("user.page.login"), getRscServerSettingsAsync()]);
   const branding = serverSettings.branding;
+  const wordmarkColors = getBrandingColorOverrides(branding);
   const showCustomGreeting = branding.authBranding.showGreeting && branding.greeting.length > 0;
   const description = showCustomGreeting ? branding.greeting : t("subtitle");
 
@@ -41,6 +43,8 @@ export default async function Login(props: LoginProps) {
       showAppLogo={branding.authBranding.showLogo}
       primaryColor={branding.primaryColor}
       secondaryColor={branding.secondaryColor}
+      wordmarkPrimaryColor={wordmarkColors.primaryColor}
+      wordmarkSecondaryColor={wordmarkColors.secondaryColor}
       logoImageUrl={branding.logoImageUrl ?? undefined}
       backgroundImageUrl={branding.signInBackgroundImageUrl ?? undefined}
       backgroundOverlay={branding.signInBackgroundOverlay}