themes: Use $selected_fg_color for :hovered emoji

This is much needed for HighContrast as otherwise emoji are invisible
(or nearly in Inverse). It also syncs up with hovered menu items, etc.

https://bugzilla.gnome.org/show_bug.cgi?id=787279

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index bbe63c2bf9bbabca294bccf93f62e4a43ee49fce..676e951d9840c5f39f3e4699dfd48d3a217a78a4 100644 (file)
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4468,5 +4468,6 @@ button.emoji-section {
 
   :hover {
     background: $selected_bg_color;
+    color: $selected_fg_color;
   }
 }

diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 77dc6fad7524856e14894fea776c71dcf941f28c..eb266d9c629c2e596014eaa2513444e481019ba5 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1916,7 +1916,7 @@ button.emoji-section:checked label { opacity: 1; }
 
 .emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
 
-.emoji :hover { background: #215d9c; }
+.emoji :hover { background: #215d9c; color: #ffffff; }
 
 /* GTK NAMED COLORS ---------------- use responsibly! */
 /*

diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 653e931f052e23a07094e71ee79d90f82a09f4c2..6791c1aaf4f8aa16c6684e8b069c47a338ff5669 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1936,7 +1936,7 @@ button.emoji-section:checked label { opacity: 1; }
 
 .emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
 
-.emoji :hover { background: #4a90d9; }
+.emoji :hover { background: #4a90d9; color: #ffffff; }
 
 /* GTK NAMED COLORS ---------------- use responsibly! */
 /*

diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 70f9f4438181d2dce306f21417a160433ec5ec78..de3d0fb0132a081958601aeed222759d1793a937 100644 (file)
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -3459,5 +3459,6 @@ button.emoji-section:backdrop { /* Dodge stuff inherited from backdrop button */
 
   :hover {
     background: $selected_bg_color;
+    color: $selected_fg_color;
   }
 }

diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css b/gtk/theme/HighContrast/gtk-contained-inverse.css
index ab66c8add6fb1840c8948b83643df8c1b4d4c25e..3751903102665f98d3c56d06ae5e8bee4660282a 100644 (file)
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -1598,4 +1598,4 @@ button.emoji-section:checked label, button.emoji-section:backdrop:checked label
 
 .emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
 
-.emoji :hover { background: #ddd; }
+.emoji :hover { background: #ddd; color: #000; }

diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index e0e583f36daafd3bbcbf3b90ad41eba3d3021b1c..1d982b272120df5fbde22a9475fa0723a567f55a 100644 (file)
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -1604,4 +1604,4 @@ button.emoji-section:checked label, button.emoji-section:backdrop:checked label
 
 .emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
 
-.emoji :hover { background: #000; }
+.emoji :hover { background: #000; color: #fff; }