[gtk+] High Contrast: circular buttons

[Jakub Steiner <jimmac src gnome org>]

commit b73f428a8642937d7b68f422add2c0f6a59c9af2
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Mar 16 14:53:47 2016 +0100

    High Contrast: circular buttons
    
    - make sure they are visible on selected rows
    
    https://bugzilla.gnome.org/show_bug.cgi?id=763612

 gtk/theme/HighContrast/_common.scss              |   11 +++++++----
 gtk/theme/HighContrast/gtk-contained-inverse.css |   11 ++++++++---
 gtk/theme/HighContrast/gtk-contained.css         |   11 ++++++++---
 3 files changed, 23 insertions(+), 10 deletions(-)
---
diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 7664656..c330d7f 100644
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -2993,13 +2993,16 @@ cursor-handle {
   }
 }
 
-button.circular {
+button.circular { // FIXME: aggregate to buttons
   border-radius: 20px;
   -gtk-outline-radius: 20px;
-}
 
-button.circular label {
-  padding: 0;
+  label { padding: 0; }
+  row:selected & { 
+    color: $selected_fg_color; 
+    &:hover { color: $fg_color; }
+    &:active { color: $selected_fg_color; }
+  }
 }
 
 // shortcut window keys
diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css 
b/gtk/theme/HighContrast/gtk-contained-inverse.css
index 7c178b7..977de62 100644
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -3296,9 +3296,14 @@ cursor-handle {
 button.circular {
   border-radius: 20px;
   -gtk-outline-radius: 20px; }
-
-button.circular label {
-  padding: 0; }
+  button.circular label {
+    padding: 0; }
+  row:selected button.circular {
+    color: #fff; }
+    row:selected button.circular:hover {
+      color: #fff; }
+    row:selected button.circular:active {
+      color: #fff; }
 
 .keycap {
   min-width: 18px;
diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index f698ebc..36ac82b 100644
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -3303,9 +3303,14 @@ cursor-handle {
 button.circular {
   border-radius: 20px;
   -gtk-outline-radius: 20px; }
-
-button.circular label {
-  padding: 0; }
+  button.circular label {
+    padding: 0; }
+  row:selected button.circular {
+    color: #fff; }
+    row:selected button.circular:hover {
+      color: #000; }
+    row:selected button.circular:active {
+      color: #fff; }
 
 .keycap {
   min-width: 18px;