diff --git a/sass/_button-mixins.scss b/sass/_button-mixins.scss index 054e22c93..19d69b5be 100644 --- a/sass/_button-mixins.scss +++ b/sass/_button-mixins.scss @@ -30,7 +30,6 @@ var(--button-primary-gradient-start) 0%, var(--button-primary-gradient-end) 100% ); - border-color: var(--button-hover-border); } } } @else { @@ -42,7 +41,8 @@ var(--button-gradient-start) 0%, var(--button-gradient-end) 100% ); - border-color: var(--button-hover-border); + /* Makes distinguishing hover state in light theme easier */ + @include impressed-shadow(0.2); } } } diff --git a/sass/_vars.scss b/sass/_vars.scss index e9125de1a..ef16063a2 100644 --- a/sass/_vars.scss +++ b/sass/_vars.scss @@ -182,7 +182,7 @@ $vars: ( bg: ( "Background color of primary button", ( - light: palette(blue, 5), + light: color.scale(palette(blue, 6), $lightness: 5%), dark: color.scale(palette(blue, 7), $saturation: -10%), ), ), @@ -190,15 +190,15 @@ $vars: ( start: ( "Start value of primary button gradient", ( - light: palette(blue, 4), + light: palette(blue, 5), dark: color.scale(palette(blue, 6), $saturation: -10%), ), ), end: ( "End value of primary button gradient", ( - light: palette(blue, 6), - dark: color.scale(palette(blue, 8), $saturation: -10%), + light: color.scale(palette(blue, 6), $lightness: 5%), + dark: color.scale(palette(blue, 7), $saturation: -10%), ), ), ),