DE-7273 update button colors to fix contrast issue.

This commit is contained in:
Bryan Mauger 2022-08-12 15:25:20 -04:00
parent db0c5de20f
commit 32bbb69d08
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;