From 259d5e6181301f147fd80ec889b465e9f2274dd9 Mon Sep 17 00:00:00 2001
From: Jens L <jens@goauthentik.io>
Date: Fri, 5 Jan 2024 13:13:21 +0100
Subject: [PATCH] web/flows: fix device picker incorrect foreground color
 (#8067)

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
---
 .../authenticator_validate/AuthenticatorValidateStage.ts       | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/src/flow/stages/authenticator_validate/AuthenticatorValidateStage.ts b/web/src/flow/stages/authenticator_validate/AuthenticatorValidateStage.ts
index 351b890d6..403a80756 100644
--- a/web/src/flow/stages/authenticator_validate/AuthenticatorValidateStage.ts
+++ b/web/src/flow/stages/authenticator_validate/AuthenticatorValidateStage.ts
@@ -89,6 +89,9 @@ export class AuthenticatorValidateStage
                 display: flex;
                 align-items: center;
             }
+            :host([theme="dark"]) .authenticator-button {
+                color: var(--ak-dark-foreground) !important;
+            }
             i {
                 font-size: 1.5rem;
                 padding: 1rem 0;