Fix unreadable text in auth0 flow

nickdaria · nickdaria · commit e1cd65a15938 · 2025-05-21T16:08:11.000-05:00
Auth0 fields were showing black text against a dark text entry field. Override text color to white.
diff --git a/src/styles.ts b/src/styles.ts
@@ -321,6 +321,11 @@ export const GlobalStyles = createGlobalStyle`
                 font-size: ${fontSizes.textSize} !important;
             }
         }
+        
+        /* Override auth0 text entry foreground to avoid black text against a dark background */
+        .auth0-lock-input {
+            color: rgba(255, 255, 255, 1) !important;
+        }
     }
 
     /* Override some Monaco CSS internals */

Original file line number	Diff line number	Diff line change
@@ -321,6 +321,11 @@ export const GlobalStyles = createGlobalStyle`
`321`	`321`	`font-size: ${fontSizes.textSize} !important;`
`322`	`322`	`}`
`323`	`323`	`}`
	`324`	`+`
	`325`	`+ /* Override auth0 text entry foreground to avoid black text against a dark background */`
	`326`	`+ .auth0-lock-input {`
	`327`	`+ color: rgba(255, 255, 255, 1) !important;`
	`328`	`+ }`
`324`	`329`	`}`
`325`	`330`
`326`	`331`	`/* Override some Monaco CSS internals */`