From b73480ed0c791e67c48ee41fa1f8ef353b210f83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E4=B8=96=E5=86=9B?=
 <30999793+AllForNothing@users.noreply.github.com>
Date: Fri, 20 Aug 2021 12:08:39 +0800
Subject: [PATCH] Improve css style for autofill input (#15457)

Signed-off-by: AllForNothing <sshijun@vmware.com>
---
 src/portal/src/css/common.scss      | 6 ++++++
 src/portal/src/css/dark-theme.scss  | 2 ++
 src/portal/src/css/light-theme.scss | 2 ++
 3 files changed, 10 insertions(+)

diff --git a/src/portal/src/css/common.scss b/src/portal/src/css/common.scss
index aee5b3aa3..8ab269ca3 100644
--- a/src/portal/src/css/common.scss
+++ b/src/portal/src/css/common.scss
@@ -275,3 +275,9 @@ app-tag-feature-integration {
     background-color: $radio-button-checked;
   }
 }
+
+input:-webkit-autofill {
+  -webkit-box-shadow: 0 0 0 30px $input-autofill-bg-color inset;
+  -webkit-text-fill-color: $input-autofill-color !important;
+  caret-color: $input-autofill-color
+}
diff --git a/src/portal/src/css/dark-theme.scss b/src/portal/src/css/dark-theme.scss
index a32b01b1e..edbcc0156 100644
--- a/src/portal/src/css/dark-theme.scss
+++ b/src/portal/src/css/dark-theme.scss
@@ -43,4 +43,6 @@ $label-color-input: #ddd;
 $central-block-loading-bg-color: rgba(0, 0, 0, 0.5);
 $back-link-color: #4aaed9!important;
 $radio-button-checked: #4aaed9;
+$input-autofill-bg-color: #1b2a32;
+$input-autofill-color: #eaedf0;
 @import "./common.scss";
diff --git a/src/portal/src/css/light-theme.scss b/src/portal/src/css/light-theme.scss
index 9666803b6..992a20e8e 100644
--- a/src/portal/src/css/light-theme.scss
+++ b/src/portal/src/css/light-theme.scss
@@ -45,4 +45,6 @@ $label-color-input: #5d5d5d;
 $central-block-loading-bg-color: rgba(255, 255, 255, 0.5);
 $back-link-color: none;
 $radio-button-checked: #0072a3;
+$input-autofill-bg-color: #fafafa;
+$input-autofill-color: #000;
 @import "./common.scss";