Merge pull request #4236 from SAYOUNCDR/fix/firefox-autofill-login-fields

fix: normalize autofill styles across browsers

Author: mikecao

src/app/global.css

@@ -41,19 +41,25 @@ html[style*="padding-right"] {
   background-clip: padding-box;
 }
 
-/* Fix autofill background color to match dark theme */
-input:-webkit-autofill,
-input:-webkit-autofill:hover,
-input:-webkit-autofill:focus,
-input:-webkit-autofill:active,
-textarea:-webkit-autofill,
-textarea:-webkit-autofill:hover,
-textarea:-webkit-autofill:focus,
-select:-webkit-autofill,
-select:-webkit-autofill:hover,
-select:-webkit-autofill:focus {
-  -webkit-box-shadow: 0 0 0 1000px var(--background-color) inset !important;
-  transition: color 5000s ease-in-out 0s;
+/* Fix autofill background color to match theme */
+input:is(:-webkit-autofill, :autofill),
+input:is(:-webkit-autofill, :autofill):hover,
+input:is(:-webkit-autofill, :autofill):focus,
+input:is(:-webkit-autofill, :autofill):active,
+textarea:is(:-webkit-autofill, :autofill),
+textarea:is(:-webkit-autofill, :autofill):hover,
+textarea:is(:-webkit-autofill, :autofill):focus,
+select:is(:-webkit-autofill, :autofill),
+select:is(:-webkit-autofill, :autofill):hover,
+select:is(:-webkit-autofill, :autofill):focus {
+  color: var(--text-primary) !important;
+  caret-color: var(--text-primary);
+  box-shadow: 0 0 0 1000px var(--surface-base) inset !important;
+  -webkit-box-shadow: 0 0 0 1000px var(--surface-base) inset !important;
+  -webkit-text-fill-color: var(--text-primary) !important;
+  transition:
+    background-color 5000s ease-in-out 0s,
+    color 5000s ease-in-out 0s;
 }
 
 /* Code snippet textareas */