From 5cf1a9a23a50c94b01a5635e3e3d7e870fffc381 Mon Sep 17 00:00:00 2001 From: Kris Date: Tue, 4 Sep 2018 16:17:06 -0400 Subject: [PATCH] UX: primary & danger buttons should lighten on hover in dark themes --- app/assets/stylesheets/common/components/buttons.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/common/components/buttons.scss b/app/assets/stylesheets/common/components/buttons.scss index d8b15095e77..e3a77bb6052 100644 --- a/app/assets/stylesheets/common/components/buttons.scss +++ b/app/assets/stylesheets/common/components/buttons.scss @@ -88,7 +88,10 @@ } &:hover, &.btn-hover { - background: scale-color($tertiary, $lightness: -20%); + background: dark-light-choose( + scale-color($tertiary, $lightness: -20%), + scale-color($tertiary, $lightness: 20%) + ); } &:active, &.btn-active { @@ -115,7 +118,10 @@ } &:hover, &.btn-hover { - background: scale-color($danger, $lightness: -20%); + background: dark-light-choose( + scale-color($danger, $lightness: -20%), + scale-color($danger, $lightness: 20%) + ); } &:active, &.btn-active {