[gtk+/wip/dboles/emoji-css: 4/8] Adwaita: Properly mix colours for emoji button

[Daniel Boles <dboles src gnome org>]

commit dff95b9425d29c6e53366c4a31118f67972de612
Author: Daniel Boles <dboles src gnome org>
Date:   Sat Sep 2 13:52:09 2017 +0100

    Adwaita: Properly mix colours for emoji button
    
    Apparently a decimal does not work, as sassc seemed to treat it as a %,
    so it ended up way too low. Using % fixes that, as used elsewhere anyway
    
    https://bugzilla.gnome.org/show_bug.cgi?id=786956

 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 44ed9ce..80acc75 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4447,7 +4447,7 @@ button.emoji-section {
   &:checked { border-color: $selected_bg_color; }
 
   color: $borders_color;
-  &:hover { color: mix($fg_color, $borders_color, 0.5); }
+  &:hover { color: mix($fg_color, $borders_color, 50%); }
   &:checked { color: $fg_color; }
   &:backdrop { color: $backdrop_borders_color; }
   &:backdrop:checked { color: $backdrop_fg_color; }
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index b4d81d7..cbf1211 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1907,7 +1907,7 @@ button.emoji-section:hover { border-color: #1b1f20; }
 
 button.emoji-section:checked { border-color: #215d9c; }
 
-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 de3e997..bb8d817 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1927,7 +1927,7 @@ button.emoji-section:hover { border-color: #b6b6b3; }
 
 button.emoji-section:checked { border-color: #4a90d9; }
 
-button.emoji-section:hover { color: #b5b5b2; }
+button.emoji-section:hover { color: #727574; }
 
 button.emoji-section:checked { color: #2e3436; }