[gtk+/gtk-3-22] Adwaita: Fix colour mixing of emoji section button

[Daniel Boles <dboles src gnome org>]

commit ed782577e84a8fc2dc9d53af10dc303632b75c8e
Author: Daniel Boles <dboles src gnome org>
Date:   Sat Sep 2 16:00:08 2017 +0100

    Adwaita: Fix colour mixing of emoji section button
    
    when hovered, by using %, since SASS does not handle decimal mixes.

 gtk/theme/Adwaita/_common.scss           |    2 +-
 gtk/theme/Adwaita/gtk-contained-dark.css |    2 +-
 gtk/theme/Adwaita/gtk-contained.css      |    2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 7a76663..e195060 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4453,7 +4453,7 @@ button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
 
 button.emoji-section { color: $borders_color; }
 
-button.emoji-section:hover { color: mix($fg_color, $borders_color, 0.5); }
+button.emoji-section:hover { color: mix($fg_color, $borders_color, 50%); }
 
 button.emoji-section:checked { color: $fg_color; }
 
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 7ad9b23..c2d8d9c 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1911,7 +1911,7 @@ button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
 
 button.emoji-section { color: #1b1f20; }
 
-button.emoji-section:hover { color: #1c2021; }
+button.emoji-section:hover { color: #858686; }
 
 button.emoji-section:checked { color: #eeeeec; }
 
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 7367fc2..b2043f0 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1931,7 +1931,7 @@ button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
 
 button.emoji-section { color: #b6b6b3; }
 
-button.emoji-section:hover { color: #b5b5b2; }
+button.emoji-section:hover { color: #727574; }
 
 button.emoji-section:checked { color: #2e3436; }