Make button contrast not burn your eyes.

This commit is contained in:
Danila Fedorin 2023-12-30 16:31:16 -08:00
parent 0502cf93b6
commit 991cccb9f6
1 changed files with 4 additions and 5 deletions

View File

@ -61,10 +61,9 @@ h1, h2, h3, h4, h5, h6 {
} }
.button, input[type="submit"] { .button, input[type="submit"] {
@include var(color, text-color);
padding: 0.5rem; padding: 0.5rem;
background-color: $primary-color; border: 1px solid $primary-color;
border: none;
color: white;
transition: color 0.25s, background-color 0.25s; transition: color 0.25s, background-color 0.25s;
text-align: left; text-align: left;
@ -73,8 +72,8 @@ h1, h2, h3, h4, h5, h6 {
} }
&:hover, &:focus { &:hover, &:focus {
background-color: white; background-color: rgba($primary-color, 0.2);
color: $primary-color; @include var(color, text-color);
} }
} }