fix invisible buttons in password fields

Signed-off-by: Iksas <Iksas@users.noreply.github.com>
pi-hole · Dec 24, 2021 · 67fa6b3 · 67fa6b3
1 parent 2fb57d2
commit 67fa6b3
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/style/themes/default-dark.css b/style/themes/default-dark.css
@@ -485,6 +485,12 @@ fieldset[disabled] .form-control {
   background-color: #367fa9 !important;
   border: 1px solid #367fa9;
 }
+input[type="password"]::-webkit-credentials-auto-fill-button {
+  background: #bfc5ca;
+}
+input[type="password"]::-webkit-caps-lock-indicator {
+  filter: invert(100%);
+}
 
 .network-never {
   background-color: #661b02;

diff --git a/style/themes/default-darker.css b/style/themes/default-darker.css
@@ -3644,6 +3644,12 @@ a:focus {
 .register-box-body .form-control-feedback {
   color: rgb(157, 148, 136);
 }
+input[type="password"]::-webkit-credentials-auto-fill-button {
+  background: #b1aca3;
+}
+input[type="password"]::-webkit-caps-lock-indicator {
+  filter: invert(100%);
+}
 .invoice {
   background-color: rgb(24, 26, 27);
   background-image: none;

diff --git a/style/themes/lcars.css b/style/themes/lcars.css
@@ -1709,6 +1709,14 @@ input[type="number"]::-webkit-outer-spin-button {
   margin: 0;
 }
 
+input[type="password"]::-webkit-credentials-auto-fill-button {
+  background: white;
+}
+
+input[type="password"]::-webkit-caps-lock-indicator {
+  filter: invert(100%);
+}
+
 /*** ----------------------------------------------------- ***/
 .not-used {
   background-color: #222;