From d2f201b09624d5dd31a4039daa62946ceb028ad1 Mon Sep 17 00:00:00 2001
From: Khurshid Alam <khurshid.alam@linuxmail.org>
Date: Mon, 6 Feb 2017 20:15:39 +0530
Subject: [PATCH] [Button-Redesign] Lighten active a checked state button color
 for light variant

checked stated background color is too dark and text is not readble in backdrop state. This fixes the issue.
---
 src/gtk-3.20/scss/widgets/_button.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/gtk-3.20/scss/widgets/_button.scss b/src/gtk-3.20/scss/widgets/_button.scss
index 785d531..7175bad 100644
--- a/src/gtk-3.20/scss/widgets/_button.scss
+++ b/src/gtk-3.20/scss/widgets/_button.scss
@@ -309,11 +309,19 @@
             
 
         &:checked, &:active {
-            @include linear-gradient(shade($button_bg, .7), to top);
+            @if (lightness($button_bg) > 50) {
+                @include linear-gradient(shade($button_bg, .8), to top);
+            } @else {
+                @include linear-gradient(shade($button_bg, .7), to top);
+            }
             color: $white;
 
             &:focus, &:hover {
-                @include linear-gradient(shade($button_bg, .65), to top);
+		@if (lightness($button_bg) > 50) {
+                    @include linear-gradient(shade($button_bg, .75), to top);
+                } @else {
+		    @include linear-gradient(shade($button_bg, .65), to top);
+                }
                 color: $white;
             }
         }