Adwaita: Fix colour mixing of emoji section button

when hovered, by using %, since SASS does not handle decimal mixes.

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 7a76663b0287b7d66f3db98efcae0850301aadbd..e195060d4689a5f7e69228a179e51d3d5e3548b3 100644 (file)
--- 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 7ad9b23505b6410987bd9488bd112a44777fad78..c2d8d9cc29b44f49a23044d01ccf3fb13e77a201 100644 (file)
--- 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 7367fc22aedd4056705350e5664c5eac63ee929f..b2043f044ca6da67f40cd9c1e1178cfe01168863 100644 (file)
--- 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; }