From 8394b710147b1a12ed1060b767ea7ba847c33e84 Mon Sep 17 00:00:00 2001
From: ConnorYoh <40631091+ConnorYoh@users.noreply.github.com>
Date: Fri, 9 Jan 2026 10:30:34 +0000
Subject: [PATCH] Login-colour-fix-v2 (#5418)

---
 frontend/src/core/components/shared/Footer.tsx  |  5 -----
 frontend/src/core/hooks/useFooterInfo.ts        |  2 --
 .../components/shared/UpgradeBanner.tsx         |  3 +--
 .../routes/login/EmailPasswordForm.tsx          | 17 +++++++++++++++++
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/frontend/src/core/components/shared/Footer.tsx b/frontend/src/core/components/shared/Footer.tsx
index 6a03a2f54..e7501b259 100644
--- a/frontend/src/core/components/shared/Footer.tsx
+++ b/frontend/src/core/components/shared/Footer.tsx
@@ -25,9 +25,6 @@ export default function Footer({
   const { t } = useTranslation();
   const { footerInfo } = useFooterInfo();
 
-  console.log('[Footer] Props analyticsEnabled:', analyticsEnabled);
-  console.log('[Footer] Fetched footerInfo:', footerInfo);
-
   // Use props if provided, otherwise fall back to fetched footer info
   const finalAnalyticsEnabled = analyticsEnabled ?? footerInfo?.analyticsEnabled ?? false;
   const finalPrivacyPolicy = privacyPolicy ?? footerInfo?.privacyPolicy;
@@ -36,8 +33,6 @@ export default function Footer({
   const finalCookiePolicy = cookiePolicy ?? footerInfo?.cookiePolicy;
   const finalImpressum = impressum ?? footerInfo?.impressum;
 
-  console.log('[Footer] Final analyticsEnabled:', finalAnalyticsEnabled);
-
   const { showCookiePreferences } = useCookieConsent({ analyticsEnabled: finalAnalyticsEnabled, forceLightMode });
 
   // Default URLs
diff --git a/frontend/src/core/hooks/useFooterInfo.ts b/frontend/src/core/hooks/useFooterInfo.ts
index dc6e5554c..315c1bc04 100644
--- a/frontend/src/core/hooks/useFooterInfo.ts
+++ b/frontend/src/core/hooks/useFooterInfo.ts
@@ -23,11 +23,9 @@ export function useFooterInfo() {
     const fetchFooterInfo = async () => {
       try {
         setLoading(true);
-        console.log('[useFooterInfo] Fetching footer info from /api/v1/ui-data/footer-info...');
         const response = await apiClient.get<FooterInfo>('/api/v1/ui-data/footer-info', {
           suppressErrorToast: true,
         } as any);
-        console.log('[useFooterInfo] Footer info received:', response.data);
         setFooterInfo(response.data);
         setError(null);
       } catch (err) {
diff --git a/frontend/src/proprietary/components/shared/UpgradeBanner.tsx b/frontend/src/proprietary/components/shared/UpgradeBanner.tsx
index 51441f228..5b31eedca 100644
--- a/frontend/src/proprietary/components/shared/UpgradeBanner.tsx
+++ b/frontend/src/proprietary/components/shared/UpgradeBanner.tsx
@@ -39,7 +39,6 @@ const UpgradeBanner: React.FC = () => {
     scenarioKey,
   } = useServerExperience();
   const onboardingComplete = isOnboardingCompleted();
-  console.log('onboardingComplete', onboardingComplete);
   const [friendlyVisible, setFriendlyVisible] = useState(() => {
     if (typeof window === 'undefined') return false;
     const lastShownRaw = window.localStorage.getItem(FRIENDLY_LAST_SEEN_KEY);
@@ -142,7 +141,7 @@ const UpgradeBanner: React.FC = () => {
           effectiveTotalUsersLoaded &&
           onboardingComplete,
       );
-  // Urgent banner should always show when over-limit 
+  // Urgent banner should always show when over-limit
   const shouldEvaluateUrgent = scenario
     ? Boolean(scenario && !scenarioIsFriendly)
     : Boolean(
diff --git a/frontend/src/proprietary/routes/login/EmailPasswordForm.tsx b/frontend/src/proprietary/routes/login/EmailPasswordForm.tsx
index 12777d1c6..2b4ec96f2 100644
--- a/frontend/src/proprietary/routes/login/EmailPasswordForm.tsx
+++ b/frontend/src/proprietary/routes/login/EmailPasswordForm.tsx
@@ -2,6 +2,21 @@ import { useTranslation } from 'react-i18next';
 import '@app/routes/authShared/auth.css';
 import { TextInput, PasswordInput, Button } from '@mantine/core';
 
+// Force light mode styles for auth inputs
+const authInputStyles = {
+  input: {
+    backgroundColor: 'var(--auth-input-bg-light-only)',
+    color: 'var(--auth-input-text-light-only)',
+    borderColor: 'var(--auth-input-border-light-only)',
+    '&:focus': {
+      borderColor: 'var(--auth-border-focus-light-only)',
+    },
+  },
+  label: {
+    color: 'var(--auth-label-text-light-only)',
+  },
+};
+
 interface EmailPasswordFormProps {
   email: string
   password: string
@@ -50,6 +65,7 @@ export default function EmailPasswordForm({
             onChange={(e) => setEmail(e.target.value)}
             error={fieldErrors.email}
             classNames={{ label: 'auth-label' }}
+            styles={authInputStyles}
           />
         </div>
 
@@ -65,6 +81,7 @@ export default function EmailPasswordForm({
               onChange={(e) => setPassword(e.target.value)}
               error={fieldErrors.password}
               classNames={{ label: 'auth-label' }}
+              styles={authInputStyles}
             />
           </div>
         )}