use new radio/checkbox states from the icon theme

- opacity only has usability downsides. For more
  background info see https://bugzilla.gnome.org/show_bug.cgi?id=734290

2 files changed, 17 insertions, 14 deletions

diff --git a/themes/HighContrast/gtk-3.0/_common.scss b/themes/HighContrast/gtk-3.0/_common.scss
index 72362033..7e948cbd 100644
--- a/themes/HighContrast/gtk-3.0/_common.scss
+++ b/themes/HighContrast/gtk-3.0/_common.scss
@@ -1335,9 +1335,10 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
   .#{$w} {
     color: transparentize($fg_color,0.9);
     background-image: none;
-    -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic');
+    -gtk-icon-source: -gtk-icontheme('#{$a}-symbolic');
     &:hover { color: $borders_color; }
-    &:checked {
+    &:checked, &:active {
+      -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic');
       color: $fg_color;
       &:hover { color: $borders_color; }
       &:insensitive {
diff --git a/themes/HighContrast/gtk-3.0/gtk.css b/themes/HighContrast/gtk-3.0/gtk.css
index a8fba46c..3c9fb226 100644
--- a/themes/HighContrast/gtk-3.0/gtk.css
+++ b/themes/HighContrast/gtk-3.0/gtk.css
@@ -1403,18 +1403,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
 .check {
   color: rgba(0, 0, 0, 0.1);
   background-image: none;
-  -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
+  -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); }
   .check:hover {
     color: #7f7f7f; }
-  .check:checked {
+  .check:checked, .check:active {
+    -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic");
     color: black; }
-    .check:checked:hover {
+    .check:checked:hover, .check:active:hover {
       color: #7f7f7f; }
-    .check:checked:insensitive {
+    .check:checked:insensitive, .check:active:insensitive {
       color: #7f7f7f; }
-      .check:checked:insensitive:backdrop {
+      .check:checked:insensitive:backdrop, .check:active:insensitive:backdrop {
         color: #7f7f7f; }
-    .check:checked:backdrop {
+    .check:checked:backdrop, .check:active:backdrop {
       color: black; }
   .check:insensitive {
     color: rgba(127, 127, 127, 0.1); }
@@ -1436,18 +1437,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
 .radio {
   color: rgba(0, 0, 0, 0.1);
   background-image: none;
-  -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); }
+  -gtk-icon-source: -gtk-icontheme("radio-symbolic"); }
   .radio:hover {
     color: #7f7f7f; }
-  .radio:checked {
+  .radio:checked, .radio:active {
+    -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic");
     color: black; }
-    .radio:checked:hover {
+    .radio:checked:hover, .radio:active:hover {
       color: #7f7f7f; }
-    .radio:checked:insensitive {
+    .radio:checked:insensitive, .radio:active:insensitive {
       color: #7f7f7f; }
-      .radio:checked:insensitive:backdrop {
+      .radio:checked:insensitive:backdrop, .radio:active:insensitive:backdrop {
         color: #7f7f7f; }
-    .radio:checked:backdrop {
+    .radio:checked:backdrop, .radio:active:backdrop {
       color: black; }
   .radio:insensitive {
     color: rgba(127, 127, 127, 0.1); }