fixed

css/base.css

@@ -23,7 +23,9 @@ p,
 small,
 label,
 input,
-.autofilled,
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
 textarea,
 a,
 .modal_button,
@@ -359,7 +361,13 @@ i:hover {
 
 input,
 .autofilled,
+input:-webkit-autofill,
+textarea:-webkit-autofill,
+input:-webkit-autofill:hover,
+textarea:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
 textarea {
+  /* Try this first */
   border-radius: 12px;
   width: 100%;
   padding: 15px;
@@ -369,13 +377,7 @@ textarea {
   resize: none;
 }
 
-input:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0px 1000px black inset !important;
-  /* Try this first */
-}
-
 input:focus,
-.autofilled,
 textarea:focus,
 input:hover,
 textarea:hover {

css/dark.css

@@ -72,13 +72,20 @@ table tr {
 }
 
 input,
-input:is(:-webkit-autofill, :autofill),
 textarea {
   background-color: transparent;
   color: white;
   border: 3px solid white;
 }
 
+input:-webkit-autofill,
+textarea:-webkit-autofill,
+select:-webkit-autofill {
+  -webkit-text-fill-color: white;
+  -webkit-box-shadow: 0 0 0px 1000px black inset;
+  transition: background-color 5000s ease-in-out 0s;
+}
+
 .checkmark {
   border: 2px solid white;
 }

css/light.css

@@ -72,13 +72,20 @@ table tr {
 }
 
 input,
-input:is(:-webkit-autofill, :autofill),
 textarea {
   background-color: transparent;
   color: black;
   border: 3px solid black;
 }
 
+input:-webkit-autofill,
+textarea:-webkit-autofill,
+select:-webkit-autofill {
+  -webkit-text-fill-color: black;
+  -webkit-box-shadow: 0 0 0px 1000px white inset;
+  transition: background-color 5000s ease-in-out 0s;
+}
+
 .checkmark {
   border: 2px solid black;
 }