diff --git a/frontend/src/core/styles/theme.css b/frontend/src/core/styles/theme.css
index 30c9d974a..30991cf30 100644
--- a/frontend/src/core/styles/theme.css
+++ b/frontend/src/core/styles/theme.css
@@ -164,6 +164,9 @@
   --text-primary: #111827;
   --text-secondary: #4b5563;
   --text-muted: #6b7280;
+  /* Always-dark text (for use on light backgrounds like alerts) - does not change in dark mode */
+  --text-always-dark: #1f2937;
+  --text-always-dark-muted: #6b7280;
   --border-subtle: #e5e7eb;
   --border-default: #E2E8F0;
   --border-strong: #9ca3af;
@@ -440,6 +443,9 @@
   --text-primary: #f9fafb;
   --text-secondary: #d1d5db;
   --text-muted: #9ca3af;
+  /* Always-dark text (for use on light backgrounds like alerts) - does not change in dark mode */
+  --text-always-dark: #1f2937;
+  --text-always-dark-muted: #6b7280;
   --border-subtle: #2A2F36;
   --border-default: #3A4047;
   --border-strong: #4b5563;
diff --git a/frontend/src/proprietary/routes/Login.tsx b/frontend/src/proprietary/routes/Login.tsx
index 1637afc66..4141a9933 100644
--- a/frontend/src/proprietary/routes/Login.tsx
+++ b/frontend/src/proprietary/routes/Login.tsx
@@ -362,16 +362,16 @@ export default function Login() {
           mt="xl"
         >
           <Stack gap="xs" align="center">
-            <Text size="sm" fw={600} ta="center">
+            <Text size="sm" fw={600} ta="center" style={{ color: 'var(--text-always-dark)' }}>
               {t('login.defaultCredentials', 'Default Login Credentials')}
             </Text>
-            <Text size="sm" ta="center">
-              <Text component="span" fw={600}>{t('login.username', 'Username')}:</Text> admin
+            <Text size="sm" ta="center" style={{ color: 'var(--text-always-dark)' }}>
+              <Text component="span" fw={600} style={{ color: 'var(--text-always-dark)' }}>{t('login.username', 'Username')}:</Text> admin
             </Text>
-            <Text size="sm" ta="center">
-              <Text component="span" fw={600}>{t('login.password', 'Password')}:</Text> stirling
+            <Text size="sm" ta="center" style={{ color: 'var(--text-always-dark)' }}>
+              <Text component="span" fw={600} style={{ color: 'var(--text-always-dark)' }}>{t('login.password', 'Password')}:</Text> stirling
             </Text>
-            <Text size="xs" c="dimmed" ta="center" mt="xs">
+            <Text size="xs" ta="center" mt="xs" style={{ color: 'var(--text-always-dark-muted)' }}>
               {t('login.changePasswordWarning', 'Please change your password after logging in for the first time')}
             </Text>
           </Stack>