Adjusted input color of the accent color footer

This commit is contained in:
Sodbileg Gansukh 2023-08-16 16:00:23 +08:00
parent 6957063474
commit 4c072a4222
3 changed files with 11 additions and 3 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -73,7 +73,7 @@ production stylesheet in assets/built/screen.css
:root.has-light-text, :root.has-light-text,
:is(.gh-navigation, .gh-footer).has-accent-color { :is(.gh-navigation, .gh-footer).has-accent-color {
--color-lighter-gray: rgb(0 0 0 / 0.15); --color-lighter-gray: rgb(0 0 0 / 0.1);
--color-darker-gray: #fff; --color-darker-gray: #fff;
--color-secondary-text: rgb(255 255 255 / 0.64); --color-secondary-text: rgb(255 255 255 / 0.64);
--color-border: rgb(255 255 255 / 0.15); --color-border: rgb(255 255 255 / 0.15);
@ -244,6 +244,10 @@ a:hover {
background-color: rgb(0 0 0 / 0.05); background-color: rgb(0 0 0 / 0.05);
} }
.gh-footer.has-accent-color .gh-form:hover {
background-color: rgb(0 0 0 / 0.15);
}
.gh-form-input { .gh-form-input {
position: absolute; position: absolute;
inset: 0; inset: 0;
@ -256,6 +260,10 @@ a:hover {
background-color: transparent; background-color: transparent;
} }
.gh-footer.has-accent-color .gh-form-input::placeholder {
color: rgb(255 255 255 / 0.55);
}
button.gh-form-input { button.gh-form-input {
padding-inline-start: 56px; padding-inline-start: 56px;
text-align: left; text-align: left;