From e1cd65a159388a4f625d865325f3ef550a2aeb04 Mon Sep 17 00:00:00 2001 From: Nick Daria Date: Wed, 21 May 2025 16:08:11 -0500 Subject: [PATCH 1/2] Fix unreadable text in auth0 flow Auth0 fields were showing black text against a dark text entry field. Override text color to white. --- src/styles.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/styles.ts b/src/styles.ts index 8207f807..64699c25 100644 --- 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 */ From 5e1e905ef187a9b2b3f7f522ff53f988f4876c38 Mon Sep 17 00:00:00 2001 From: Nick Daria Date: Thu, 22 May 2025 10:49:24 -0500 Subject: [PATCH 2/2] Override field background and foreground More complete fix to account for possible future issues with light mode --- src/styles.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/styles.ts b/src/styles.ts index 64699c25..4c89e0ba 100644 --- 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; } }