From bee52d7442e62ae90f6c68acee050331780df628 Mon Sep 17 00:00:00 2001
From: Morgan Hardwood <bugs@londonlight.org>
Date: Thu, 1 Feb 2018 16:30:45 +0100
Subject: [PATCH] Text toggle button hover animation and stricter targetting
 #4350

---
 rtdata/themes/RawTherapee-GTK3-20_.css | 12 ++++++++++--
 rtdata/themes/RawTherapee-GTK3-_19.css | 13 +++++++++++--
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/rtdata/themes/RawTherapee-GTK3-20_.css b/rtdata/themes/RawTherapee-GTK3-20_.css
index f32455ca3..ba58e412f 100644
--- a/rtdata/themes/RawTherapee-GTK3-20_.css
+++ b/rtdata/themes/RawTherapee-GTK3-20_.css
@@ -325,14 +325,22 @@ scale:disabled trough {
 }
 
 /* Better on/off state separation for text toggle buttons, e.g. auto-levels or histogram matching. */
-button.text-button {
+button.text-button.toggle {
     background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
 }
 
-button.text-button:checked {
+button.text-button.toggle:hover {
+    background-image: linear-gradient(to bottom, rgba(128,128,128,.3), rgba(64,64,64,.3));
+}
+
+button.text-button.toggle:checked {
     background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.4));
 }
 
+button.text-button.toggle:hover:checked {
+    background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3));
+}
+
 separator {
     color: #363636;
     margin: 5px;
diff --git a/rtdata/themes/RawTherapee-GTK3-_19.css b/rtdata/themes/RawTherapee-GTK3-_19.css
index cfbec4355..5a0b328b0 100644
--- a/rtdata/themes/RawTherapee-GTK3-_19.css
+++ b/rtdata/themes/RawTherapee-GTK3-_19.css
@@ -507,10 +507,19 @@ GtkNotebook {
     padding-right: 3px;
 }
 
-GtkButton.text-button {
+/* Better on/off state separation for text toggle buttons, e.g. auto-levels or histogram matching. */
+GtkButton.text-button.toggle {
     background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
 }
 
-GtkButton.text-button:checked {
+GtkButton.text-button.toggle:hover {
+    background-image: linear-gradient(to bottom, rgba(128,128,128,.3), rgba(64,64,64,.3));
+}
+
+GtkButton.text-button.toggle:checked {
     background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.4));
 }
+
+GtkButton.text-button.toggle:hover:checked {
+    background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3));
+}