diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss index 34c716112..162671568 100644 --- a/app/assets/stylesheets/_consul_settings.scss +++ b/app/assets/stylesheets/_consul_settings.scss @@ -73,8 +73,8 @@ $border: #dee0e3 !default; $debates: $brand !default; -$like: #7bd2a8 !default; -$unlike: #ef8585 !default; +$like: #38a36f !default; +$unlike: #ea6666 !default; $delete: #db2e0f !default; $check: #46db91 !default; diff --git a/app/assets/stylesheets/in_favor_against.scss b/app/assets/stylesheets/in_favor_against.scss index 03accb68e..de0ceefd9 100644 --- a/app/assets/stylesheets/in_favor_against.scss +++ b/app/assets/stylesheets/in_favor_against.scss @@ -16,7 +16,7 @@ background: #fff; border: 2px solid; border-radius: rem-calc(3); - color: $text-light; + color: $dark-gray; display: inline-block; font-size: rem-calc(30); line-height: rem-calc(30); @@ -25,7 +25,7 @@ } @mixin like-unlike-icon($icon, $pressed-color) { - @include has-fa-icon($icon, solid); + @include has-fa-icon($icon, regular); &:not([disabled]) { cursor: pointer; @@ -33,6 +33,7 @@ &:hover, &:active, &[aria-pressed=true] { + @include has-fa-icon($icon, solid); background: $pressed-color; border-color: $pressed-color; color: #fff; diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss index ab5874c24..6c71d9d49 100644 --- a/app/assets/stylesheets/layout.scss +++ b/app/assets/stylesheets/layout.scss @@ -1695,7 +1695,7 @@ table { button, form { - color: $text-light; + color: $dark-gray; display: inline-block; } @@ -1708,10 +1708,11 @@ table { } @mixin like-unlike-icon($icon, $pressed-color) { - @include has-fa-icon($icon, solid); + @include has-fa-icon($icon, regular); &:hover, &[aria-pressed=true] { + @include has-fa-icon($icon, solid); color: $pressed-color; } }