From a95247b7dfb89d574605a768d96f1f1576b216ca Mon Sep 17 00:00:00 2001
From: Chongyi Zheng <harry@harryzheng.com>
Date: Tue, 13 Dec 2022 06:06:23 -0500
Subject: [PATCH] Fix autofilled text visibility in dark mode (#22088)

Fixes #22087
---
 web_src/less/_base.less | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index 022afcea92..697bc0ee74 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -1354,6 +1354,12 @@ a.ui.card:hover,
   border-color: var(--color-error-border) !important;
 }
 
+// A fix for text visibility issue in Chrome autofill in dark mode.
+// It's a problem from Formatic UI, and this rule overrides it.
+.ui.form .field.field input:-webkit-autofill {
+  -webkit-text-fill-color: var(--color-black) !important;
+}
+
 .ui.loading.loading.input > i.icon svg {
   visibility: hidden;
 }