Theming radio and check

Signed-off-by: Manuel Quiñones <manuq@laptop.org>

1 files changed, 91 insertions, 7 deletions

diff --git a/sugar-theme.css b/sugar-theme.css
index 7cc2960..b79ddf7 100644
--- a/sugar-theme.css
+++ b/sugar-theme.css
@@ -1,7 +1,7 @@
 
 
 GtkButton {
-    color: #ffffff;
+    color: @white;
     padding: 4;
     -GtkButton-inner-border: 4 4 4 4;
 }
@@ -41,6 +41,8 @@ GtkCheckButton:prelight {
     background-color: @selection_grey;
 }
 
+/*
+
 GtkRadioButton {
     background-color: alpha(@white, 0.0);
     color: @theme_base_color;
@@ -49,10 +51,6 @@ GtkRadioButton {
     border-width: 2;
 }
 
-GtkCheckButton {
-    /* background-image: url(); */
-}
-
 GtkRadioButton GtkLabel {
     color: @black;
 }
@@ -68,6 +66,8 @@ GtkRadioButton:active:selected {
     color: @selection_grey;
 }
 
+*/
+
 GtkVSeparator, GtkHSeparator {
     color: @button_grey;
 }
@@ -96,6 +96,90 @@ GtkMenu:active {
 }
 */
 
+/* check */
+
+.check,
+.check row:selected,
+.check row:selected:focused {
+    background-image: url("assets/checkbox-unchecked.svg");
+}
+
+.check:insensitive,
+.check row:selected:insensitive,
+.check row:selected:focused:insensitive {
+    background-image: url("assets/checkbox-unchecked.svg");
+}
+
+.check:active,
+.check row:selected:active,
+.check row:selected:focused:active {
+    background-image: url("assets/checkbox-checked.svg");
+}
+
+.check:active:insensitive,
+.check row:selected:active:insensitive,
+.check row:selected:focused:active:insensitive
+{
+    background-image: url("assets/checkbox-checked.svg");
+}
+
+.check:inconsistent,
+.check row:selected:inconsistent,
+.check row:selected:focused:inconsistent {
+    background-image: url("assets/checkbox-checked.svg");
+}
+
+.check:inconsistent:insensitive,
+.check row:selected:inconsistent:insensitive,
+.check row:selected:focused:inconsistent:insensitive {
+    background-image: url("assets/checkbox-checked.svg");
+}
+
+/* radio */
+
+.radio,
+.radio row:selected,
+.radio row:selected:focused {
+    background-image: url("assets/radio-unselected.svg");
+}
+
+.radio:insensitive,
+.radio row:selected:insensitive,
+.radio row:selected:focused:insensitive {
+    background-image: url("assets/radio-unselected.svg");
+}
+
+.radio:active,
+.radio row:selected:active,
+.radio row:selected:focused:active {
+    background-image: url("assets/radio-selected.svg");
+}
+.radio:active:insensitive,
+.radio row:selected:active:insensitive,
+.radio row:selected:focused:active:insensitive {
+    background-image: url("assets/radio-selected.svg");
+}
+
+.radio:active:insensitive,
+.radio row:selected:active:insensitive,
+.radio row:selected:focused:active:insensitive {
+    background-image: url("assets/radio-selected.svg");
+}
+
+.radio:inconsistent,
+.radio row:selected:inconsistent,
+.radio row:selected:focused:inconsistent {
+    background-image: url("assets/radio-selected.svg");
+}
+
+.radio:inconsistent:insensitive,
+.radio row:selected:inconsistent:insensitive,
+.radio row:selected:focused:inconsistent:insensitive {
+    background-image: url("assets/radio-selected.svg");
+}
+
+/* GtkScale */
+
 GtkScale {
     -GtkScale-slider-length: 20;
     -GtkRange-slider-width: 20;
@@ -106,8 +190,8 @@ GtkScale.slider.horizontal {
     border-width: 0;
     border-radius: 0;
     border-style: none;
-    color: alpha(#fff, 0.0);
-    background-color: alpha(#fff, 0.0);
+    color: alpha(@theme_base_color, 0.0);
+    background-color: alpha(@theme_base_color, 0.0);
     background-image: url("assets/scale-slider-horizontal.svg");
 }