Login-colour-fix-v2 (#5418)

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