jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

DE-7273 update button colors to fix contrast issue.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/styles/mixins/customMixins.scss
View file

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

4
src/ux-components/button-main/button-main.vue
View file

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