From e9f97375bf6ce0bb074837d8ad926785fdb750f4 Mon Sep 17 00:00:00 2001 From: Brian Shumate Date: Wed, 12 Apr 2017 19:32:10 -0400 Subject: [PATCH] UI: use new pink hues for active/primary btns --- ui/styles/_buttons.scss | 16 ++++++++-------- ui/styles/_variables.scss | 4 +++- 2 files changed, 11 insertions(+), 9 deletions(-) diff --git a/ui/styles/_buttons.scss b/ui/styles/_buttons.scss index 3e84096d95..b2946170c0 100644 --- a/ui/styles/_buttons.scss +++ b/ui/styles/_buttons.scss @@ -32,13 +32,13 @@ } &.btn-primary { - color: $purple-dark; + color: $pink-dark; background-color: transparent; - border: 2px solid $purple; + border: 2px solid $pink; &:hover { - background-color: $light-purple; - color: darken($purple, 10%); + background-color: $light-pink; + color: darken($pink, 10%); } } @@ -78,13 +78,13 @@ &.active { - color: $purple-dark; + color: $pink-dark; background-color: transparent; - border: 2px solid $purple; + border: 2px solid $pink; &:hover { - background-color: $light-purple; - color: darken($purple, 10%); + background-color: $light-pink; + color: darken($pink, 10%); } &.btn-noactive { diff --git a/ui/styles/_variables.scss b/ui/styles/_variables.scss index 0f9eb84065..c0c558e48b 100644 --- a/ui/styles/_variables.scss +++ b/ui/styles/_variables.scss @@ -12,10 +12,12 @@ $red-darker: #b03c44; $tan: #f0f0e5; $consul-gray: #909090; $consul-footer-gray: #d7d4d7; +$pink-dark: #d62783; +$pink: lighten($pink-dark, 20%); +$light-pink: #f9f3f7; $purple-dark: #69499a; $purple: lighten($purple-dark, 20%); $light-purple: #f7f3f9; - $green-faded: #BBF085; $green-dark: #86B457; $red-faded: $red;