Override field background and foreground

nickdaria · ceifa · commit fd4c4050652f · 2025-06-05T13:51:16.000-03:00
More complete fix to account for possible future issues with light mode
diff --git a/src/styles.ts b/src/styles.ts
@@ -322,9 +322,10 @@ export const GlobalStyles = createGlobalStyle`
             }
         }
         
-        /* Override auth0 text entry foreground to avoid black text against a dark background */
+        /* Override auth0 input to fix unreadable text */
         .auth0-lock-input {
-            color: rgba(255, 255, 255, 1) !important;
+            background-color: rgba(255, 255, 255, 1); !important
+            color: rgba(0, 0, 0, 1) !important;
         }
     }
 

Original file line number	Diff line number	Diff line change
@@ -322,9 +322,10 @@ export const GlobalStyles = createGlobalStyle`
`322`	`322`	`}`
`323`	`323`	`}`
`324`	`324`
`325`		`- /* Override auth0 text entry foreground to avoid black text against a dark background */`
	`325`	`+ /* Override auth0 input to fix unreadable text */`
`326`	`326`	`.auth0-lock-input {`
`327`		`- color: rgba(255, 255, 255, 1) !important;`
	`327`	`+ background-color: rgba(255, 255, 255, 1); !important`
	`328`	`+ color: rgba(0, 0, 0, 1) !important;`
`328`	`329`	`}`
`329`	`330`	`}`
`330`	`331`