From 7721a3a8a2d4147a4aff79e73dc3fcb87e46f137 Mon Sep 17 00:00:00 2001
From: "Dvinod@28" <107790735+Dvinod1@users.noreply.github.com>
Date: Fri, 29 Sep 2023 10:22:18 +0530
Subject: [PATCH] Fix [Dark Mode] UI inconsistency user selects autofill values
 (#7005)

* Fix [Dark mode] UI inconsistency with autofill values (resolves #6928)

* Revert changes on package-lock.json, tabler.scss, package.json

* Solved the flash problem

* Update package.json

* Update theme.scss

* Update theme.scss

* Updates theme.scss

* Updated theme.scss

* Updated theme.scss

* Updated theme.scss removed extra spaces

* Updated theme.scss removed extra spaces

* Updated theme.scss removed extra spaces 2

* Final updation Theme.scss

* Updated theme.scss Final updation

* Updated theme.scss removed extra spaces

* Update theme.scss Removed extra space in line 11245

* Updated theme.scss removed extra spaces
---
 frontend/src/_styles/theme.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss
index 5eaf15fb4d..2f1d0ae2e8 100644
--- a/frontend/src/_styles/theme.scss
+++ b/frontend/src/_styles/theme.scss
@@ -10212,6 +10212,8 @@ tbody {
     border-radius: 6px !important;
     margin-bottom: 4px !important;
     color: var(--slate12) !important;
+    transition:none;
+
 
     &:hover {
       background: var(--slate1) !important;
@@ -10227,6 +10229,20 @@ tbody {
       box-shadow: none !important;
     }
 
+    &:-webkit-autofill {
+      box-shadow: 0 0 0 1000px var(--base) inset !important;
+      -webkit-text-fill-color: var(--slate12) !important;
+
+       &:hover {
+         box-shadow: 0 0 0 1000px var(--slate1) inset !important;
+        -webkit-text-fill-color: var(--slate12) !important;}
+
+       &:focus-visible { 
+        box-shadow: 0 0 0 1000px var(--indigo2) inset !important;
+        -webkit-text-fill-color: var(--slate12) !important;}
+    }
+
+
   }
 
 }