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

@@ -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

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;

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;