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";