Merge pull request #655 from Safelite/DE-7273-button-color-contrast-fix

DE-7273 update button colors to fix contrast issue.
This commit is contained in:
bmauger 2022-08-15 09:07:26 -04:00 committed by GitHub
commit b6e4249d4f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View file

@ -2,5 +2,5 @@
//Blue gradient background mixin
@mixin blue-gradient {
background: linear-gradient(270deg, $blue-500 0%, $blue-700 100%);
background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
}

View file

@ -54,14 +54,14 @@ export default {
.btn {
&.btn-primary {
position: relative;
background: linear-gradient(270deg, $blue-500 0%, $blue-700 100%);
background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
border: none;
border-radius: $border-radius-lg;
color: $white;
justify-content: center;
font-weight: 500;
@media (hover: hover) {
background: linear-gradient(270deg, $blue-500 0%, $blue-700 100%);
background: linear-gradient(270deg, $blue 0%, $blue-800 100%);
}
&:focus {
box-shadow: 0 0 0 3px, 0 0 0 5.5px $blue-700;