Login-colour-fix-v2 (#5418)

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

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) {

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(

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>
         )}