status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

UI: use new pink hues for active/primary btns

This commit is contained in:
Brian Shumate 2017-04-12 19:32:10 -04:00
parent 0b96666c66
commit e9f97375bf
No known key found for this signature in database
GPG Key ID: B2E211633F870928
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/styles/_buttons.scss
View File

@ -32,13 +32,13 @@
} }
&.btn-primary { &.btn-primary {
color: $purple-dark; color: $pink-dark;
background-color: transparent; background-color: transparent;
border: 2px solid $purple; border: 2px solid $pink;
&:hover { &:hover {
background-color: $light-purple; background-color: $light-pink;
color: darken($purple, 10%); color: darken($pink, 10%);
} }
} }
@ -78,13 +78,13 @@
&.active { &.active {
color: $purple-dark; color: $pink-dark;
background-color: transparent; background-color: transparent;
border: 2px solid $purple; border: 2px solid $pink;
&:hover { &:hover {
background-color: $light-purple; background-color: $light-pink;
color: darken($purple, 10%); color: darken($pink, 10%);
} }
&.btn-noactive { &.btn-noactive {

4
ui/styles/_variables.scss
View File

@ -12,10 +12,12 @@ $red-darker: #b03c44;
$tan: #f0f0e5; $tan: #f0f0e5;
$consul-gray: #909090; $consul-gray: #909090;
$consul-footer-gray: #d7d4d7; $consul-footer-gray: #d7d4d7;
$pink-dark: #d62783;
$pink: lighten($pink-dark, 20%);
$light-pink: #f9f3f7;
$purple-dark: #69499a; $purple-dark: #69499a;
$purple: lighten($purple-dark, 20%); $purple: lighten($purple-dark, 20%);
$light-purple: #f7f3f9; $light-purple: #f7f3f9;
$green-faded: #BBF085; $green-faded: #BBF085;
$green-dark: #86B457; $green-dark: #86B457;
$red-faded: $red; $red-faded: $red;