From dac2731e33f40cfe80f68a098e2ec897a74eea75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christian=20K=C3=B6nig?= <ckoenig@posteo.de>
Date: Tue, 27 Dec 2022 23:19:54 +0100
Subject: [PATCH] Adjust CSS to suppress webkit-autofill style
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Christian König <ckoenig@posteo.de>
---
 style/themes/default-dark.css   | 10 ++++++++++
 style/themes/default-darker.css |  8 ++++++--
 style/themes/default-light.css  | 10 ++++++++++
 style/themes/lcars.css          | 10 ++++++++++
 4 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/style/themes/default-dark.css b/style/themes/default-dark.css
index 47356749..89598f6b 100644
--- a/style/themes/default-dark.css
+++ b/style/themes/default-dark.css
@@ -504,6 +504,16 @@ div.dataTables_wrapper div.dataTables_length select {
   color: #bec5cb;
   border: 1px solid #3d444b;
 }
+
+/*** Overwrite chrome's input field auto-filling ***/
+input:-webkit-autofill,
+input:-webkit-autofill:focus,
+textarea:-webkit-autofill,
+select:-webkit-autofill {
+  -webkit-text-fill-color: #bec5cb !important;
+  -webkit-box-shadow: 0 0 0px 1000px #353c42 inset;
+  transition: background-color 1s ease-in-out 0s;
+}
 .form-control[disabled],
 .form-control[readonly],
 fieldset[disabled] .form-control {
diff --git a/style/themes/default-darker.css b/style/themes/default-darker.css
index 425134d3..31ea20f0 100644
--- a/style/themes/default-darker.css
+++ b/style/themes/default-darker.css
@@ -56,11 +56,15 @@ table {
   color: #b2aba1;
   opacity: 0.5 !important;
 }
+
+/*** Overwrite chrome's input field auto-filling ***/
 input:-webkit-autofill,
+input:-webkit-autofill:focus,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
-  background-color: #555b00 !important;
-  color: #e8e6e3 !important;
+  -webkit-text-fill-color: #b2aba1 !important;
+  -webkit-box-shadow: 0 0 0px 1000px #181a1b inset;
+  transition: background-color 1s ease-in-out 0s;
 }
 ::-webkit-scrollbar {
   background-color: #202324;
diff --git a/style/themes/default-light.css b/style/themes/default-light.css
index 2d524ca8..65856d4a 100644
--- a/style/themes/default-light.css
+++ b/style/themes/default-light.css
@@ -291,3 +291,13 @@ td.highlight {
   border-color: #337ab7;
   color: #fff;
 }
+
+/*** Overwrite chrome's input field auto-filling ***/
+input:-webkit-autofill,
+input:-webkit-autofill:focus,
+textarea:-webkit-autofill,
+select:-webkit-autofill {
+  -webkit-text-fill-color: #666 !important;
+  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
+  transition: background-color 1s ease-in-out 0s;
+}
diff --git a/style/themes/lcars.css b/style/themes/lcars.css
index 47f8ee40..8b7901b1 100644
--- a/style/themes/lcars.css
+++ b/style/themes/lcars.css
@@ -285,6 +285,16 @@ div.dataTables_wrapper div.dataTables_length select {
   border-radius: 8px;
 }
 
+/*** Overwrite chrome's input field auto-filling ***/
+input:-webkit-autofill,
+input:-webkit-autofill:focus,
+textarea:-webkit-autofill,
+select:-webkit-autofill {
+  -webkit-text-fill-color: #fff !important;
+  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
+  transition: background-color 1s ease-in-out 0s;
+}
+
 input.form-control,
 textarea.form-control {
   border-radius: 8px;