Fix autofilled text visibility in dark mode (#22088)

Fixes #22087
2022-12-13 06:06:23 -05:00 · 2022-12-13 06:06:23 -05:00 · a95247b7df
parent 87c64f655a
commit a95247b7df
1 changed files with 6 additions and 0 deletions
--- 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;
 }