HC: checkboxes and radioswip/hc-sass

2 files changed, 96 insertions, 0 deletions

diff --git a/themes/HighContrast/gtk-3.0/_common.scss b/themes/HighContrast/gtk-3.0/_common.scss
index a97e2e78..3d38e3da 100644
--- a/themes/HighContrast/gtk-3.0/_common.scss
+++ b/themes/HighContrast/gtk-3.0/_common.scss
@@ -1290,6 +1290,44 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
   outline-offset: 0;
 }
 
+@each $w,$a in ('check', 'checkbox'),
+               ('radio','radio') {
+  .#{$w} {
+    color: transparentize($fg_color,0.9);
+    background-image: none;
+    -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic');
+    &:active {
+    color: $fg_color;
+      &:insensitive {
+        color: $insensitive_fg_color;
+        &:backdrop { color: $backdrop_insensitive_color; }
+      }
+      &:backdrop { color: $backdrop_fg_color; }
+    }
+    &:insensitive {
+      color: transparentize($insensitive_fg_color,0.9);
+      &:backdrop { color: transparent; }
+    }
+    &:inconsistent {
+      -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic');
+    }
+    &:selected, &:selected:focus {
+      // :selected:focus not to get overridden by .view style
+      color: transparentize($selected_fg_color,0.9);
+      &:active {
+        color: $selected_fg_color;
+        &:backdrop {
+          color: $backdrop_base_color;
+        }
+      }
+    }
+    &:backdrop {
+      color: transparentize($backdrop_fg_color,0.9);
+      &:selected { color: transparentize($backdrop_base_color,0.9); }
+    }
+  }
+}
+
 /************
  * GtkScale *
  ************/
diff --git a/themes/HighContrast/gtk-3.0/gtk.css b/themes/HighContrast/gtk-3.0/gtk.css
index 138fbfa1..3ee1774e 100644
--- a/themes/HighContrast/gtk-3.0/gtk.css
+++ b/themes/HighContrast/gtk-3.0/gtk.css
@@ -1407,6 +1407,64 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
   padding: 1px;
   outline-offset: 0; }
 
+.check {
+  color: rgba(0, 0, 0, 0.1);
+  background-image: none;
+  -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
+  .check:active {
+    color: black; }
+    .check:active:insensitive {
+      color: #7f7f7f; }
+      .check:active:insensitive:backdrop {
+        color: white; }
+    .check:active:backdrop {
+      color: #191919; }
+  .check:insensitive {
+    color: rgba(127, 127, 127, 0.1); }
+    .check:insensitive:backdrop {
+      color: transparent; }
+  .check:inconsistent {
+    -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
+  .check:selected, .check:selected:focus {
+    color: rgba(255, 255, 255, 0.1); }
+    .check:selected:active, .check:selected:focus:active {
+      color: white; }
+      .check:selected:active:backdrop, .check:selected:focus:active:backdrop {
+        color: white; }
+  .check:backdrop {
+    color: rgba(25, 25, 25, 0.1); }
+    .check:backdrop:selected {
+      color: rgba(255, 255, 255, 0.1); }
+
+.radio {
+  color: rgba(0, 0, 0, 0.1);
+  background-image: none;
+  -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); }
+  .radio:active {
+    color: black; }
+    .radio:active:insensitive {
+      color: #7f7f7f; }
+      .radio:active:insensitive:backdrop {
+        color: white; }
+    .radio:active:backdrop {
+      color: #191919; }
+  .radio:insensitive {
+    color: rgba(127, 127, 127, 0.1); }
+    .radio:insensitive:backdrop {
+      color: transparent; }
+  .radio:inconsistent {
+    -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
+  .radio:selected, .radio:selected:focus {
+    color: rgba(255, 255, 255, 0.1); }
+    .radio:selected:active, .radio:selected:focus:active {
+      color: white; }
+      .radio:selected:active:backdrop, .radio:selected:focus:active:backdrop {
+        color: white; }
+  .radio:backdrop {
+    color: rgba(25, 25, 25, 0.1); }
+    .radio:backdrop:selected {
+      color: rgba(255, 255, 255, 0.1); }
+
 /************
  * GtkScale *
  ************/