Commit b578e10e authored by Andy-bubu's avatar Andy-bubu

fix: 修正登录输入框填充态浅红色

parent 5da2682f
...@@ -44,38 +44,59 @@ a { ...@@ -44,38 +44,59 @@ a {
} }
.login-page { .login-page {
--rc-login-field-filled-background: rgb(158 27 27 / 5%); --rc-login-field-filled-background: rgb(158 27 27 / 6%);
--rc-login-field-filled-background-hover: rgb(158 27 27 / 7%); --rc-login-field-filled-background-hover: rgb(158 27 27 / 8%);
--rc-login-field-autofill-background: rgb(158 27 27 / 6%); --rc-login-field-autofill-background: rgb(158 27 27 / 7%);
--rc-login-field-border-hover: rgb(158 27 27 / 24%); --rc-login-field-border-hover: rgb(158 27 27 / 24%);
--rc-login-field-focus-ring: rgb(158 27 27 / 16%); --rc-login-field-focus-ring: rgb(158 27 27 / 16%);
} }
.login-form .login-form
.login-field[data-has-value='true'] .login-field[data-has-value='true']
:where(.input, [data-slot='input-wrapper'], [data-slot='control']) { :where(.input, .input--secondary, [data-slot='input'], [data-slot='input-wrapper'], [data-slot='control']) {
--input-bg: var(--rc-login-field-filled-background);
--input-bg-hover: var(--rc-login-field-filled-background-hover);
--input-bg-focus: var(--rc-login-field-filled-background);
background: var(--rc-login-field-filled-background) !important; background: var(--rc-login-field-filled-background) !important;
background-color: var(--rc-login-field-filled-background) !important;
} }
.login-form .login-form
.login-field[data-has-value='true'] .login-field[data-has-value='true']
:where(.input, [data-slot='input-wrapper'], [data-slot='control']):hover, :where(.input input, [data-slot='input-wrapper'] input, [data-slot='control'] input) {
background: transparent !important;
background-color: transparent !important;
}
.login-form
.login-field[data-has-value='true']
:where(.input, .input--secondary, [data-slot='input'], [data-slot='input-wrapper'], [data-slot='control']):hover,
.login-form .login-form
.login-field[data-has-value='true'] .login-field[data-has-value='true']
:where( :where(
.input, .input,
.input--secondary,
[data-slot='input'],
[data-slot='input-wrapper'], [data-slot='input-wrapper'],
[data-slot='control'] [data-slot='control']
)[data-hovered='true'] { )[data-hovered='true'] {
border-color: var(--rc-login-field-border-hover) !important; border-color: var(--rc-login-field-border-hover) !important;
background: var(--rc-login-field-filled-background-hover) !important; background: var(--rc-login-field-filled-background-hover) !important;
background-color: var(--rc-login-field-filled-background-hover) !important;
} }
.login-form .login-form
.login-field[data-has-value='true'] .login-field[data-has-value='true']
:where(.input, [data-slot='input-wrapper'], [data-slot='control']):focus-within { :where(.input, .input--secondary, [data-slot='input'], [data-slot='input-wrapper'], [data-slot='control']):focus,
.login-form
.login-field[data-has-value='true']
:where(.input, .input--secondary, [data-slot='input'], [data-slot='input-wrapper'], [data-slot='control']):focus-within,
.login-form
.login-field[data-has-value='true']
:where(.input, .input--secondary, [data-slot='input'], [data-slot='input-wrapper'], [data-slot='control'])[data-focused='true'] {
border-color: var(--rc-field-border-focus) !important; border-color: var(--rc-field-border-focus) !important;
background: var(--rc-login-field-filled-background) !important; background: var(--rc-login-field-filled-background) !important;
background-color: var(--rc-login-field-filled-background) !important;
box-shadow: box-shadow:
var(--field-shadow, 0 1px 2px rgb(15 23 42 / 4%)), var(--field-shadow, 0 1px 2px rgb(15 23 42 / 4%)),
0 0 0 2px var(--rc-login-field-focus-ring) !important; 0 0 0 2px var(--rc-login-field-focus-ring) !important;
...@@ -90,6 +111,7 @@ a { ...@@ -90,6 +111,7 @@ a {
input:autofill input:autofill
) { ) {
background: var(--rc-login-field-autofill-background) !important; background: var(--rc-login-field-autofill-background) !important;
background-color: var(--rc-login-field-autofill-background) !important;
} }
.login-form input:-webkit-autofill { .login-form input:-webkit-autofill {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment