Radio buttons with css

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

1 files changed, 23 insertions, 3 deletions

diff --git a/sugar-theme.css b/sugar-theme.css
index d275a4c..6371e2a 100644
--- a/sugar-theme.css
+++ b/sugar-theme.css
@@ -41,13 +41,33 @@ GtkCheckButton:prelight {
     background-color: @selection_grey;
 }
 
-GtkRadioButton:active,
-GtkCheckButton:active {
+GtkRadioButton {
+    background-color: alpha(@white, 0.0);
+    color: @theme_base_color;
     border-style: solid;
-    border-color: @white;
+    border-color: #888;
     border-width: 2;
 }
 
+GtkCheckButton {
+    /* background-image: url(); */
+}
+
+GtkRadioButton GtkLabel {
+    color: @black;
+}
+
+GtkRadioButton:active {
+    color: @black;
+    border-style: solid;
+    border-color: @white;
+    border-width: 4;
+}
+
+GtkRadioButton:active:selected {
+    color: @selection_grey;
+}
+
 GtkVSeparator, GtkHSeparator {
     color: @button_grey;
 }