Improved spinbutton

juhp · Aug 8, 2014 · c3ebf93 · c3ebf93
1 parent 56570d3
commit c3ebf93
Show file tree

Hide file tree

Showing 3 changed files with 97 additions and 7 deletions.
diff --git a/gtk-3.0/widgets/spinbutton.css b/gtk-3.0/widgets/spinbutton.css
@@ -9,9 +9,11 @@
 }
 
 .spinbutton.button {
+    padding: 4px;
     border-style: none;
     border-radius: 0;
     background-color: transparent;
+    color: @theme_fg_color;
 }
 
 .spinbutton.button:active {
@@ -23,7 +25,7 @@
 }
 
 .spinbutton.button:hover {
-    transition: 500ms linear;
+    transition: all 500ms linear;
     border-style: none;
     border-radius: 0;
     color: @theme_selected_fg_color;
@@ -35,22 +37,27 @@
 }
 
 .spinbutton.button {
-    border-width: 0;
-    border-left-width: 1px;
-    border-right-width: 1px;
     border-radius: 0;
+    border-style: solid;
+    border-width: 0;
 }
 
 .spinbutton.button:first-child {
     border-radius: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
+    border-left-width: 1px;
+    border-left-color: shade(@theme_bg_color, 0.8);
+    border-style: solid;
 }
 
 .spinbutton.button:last-child {
     border-radius: 0;
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
+    border-right-width: 1px;
+    border-right-color: shade(@theme_bg_color, 0.82);
+    border-style: solid;
 }
 
 .spinbutton.vertical .button:first-child {
@@ -73,4 +80,4 @@
     border-width: 1px;
     border-style: solid;
     border-radius: 0;
-}
+}
diff --git a/gtk-3.0/widgets/spinbutton.css~ b/gtk-3.0/widgets/spinbutton.css~
@@ -0,0 +1,83 @@
+/**************
+ * spinbutton *
+ **************/
+.spinbutton.entry {
+    padding: 3px 8px;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-right-width: 0;
+}
+
+.spinbutton.button {
+    padding: 4px;
+    border-style: none;
+    border-radius: 0;
+    background-color: transparent;
+    color: @theme_fg_color;
+}
+
+.spinbutton.button:active {
+    transition: 500ms linear;
+    border-style: none;
+    border-radius: 0;
+    background-color: transparent;
+    color: shade(@theme_selected_fg_color, 0.85);
+}
+
+.spinbutton.button:hover {
+    transition: all 500ms linear;
+    border-style: none;
+    border-radius: 0;
+    color: @theme_selected_fg_color;
+}
+
+.spinbutton.button:insensitive {
+    border-color: alpha(@theme_bg_color, 0.01);
+    color: mix(@theme_fg_color, @theme_bg_color, 0.5);
+}
+
+.spinbutton.button {
+    border-radius: 0;
+    border-style: solid;
+    border-width: 0;
+}
+
+.spinbutton.button:first-child {
+    border-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-left-width: 1px;
+    border-left-color: shade(@theme_bg_color, 0.8);
+    border-style: solid;
+}
+
+.spinbutton.button:last-child {
+    border-radius: 0;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+    border-right-width: 1px;
+    border-right-color: shade(@theme_bg_color, 0.82);
+    border-style: solid;
+}
+
+.spinbutton.vertical .button:first-child {
+    border-width: 1px;
+    border-bottom-width: 0;
+    border-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.spinbutton.vertical .button:last-child {
+    border-width: 1px;
+    border-top-width: 0;
+    border-radius: 0;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+
+.spinbutton.vertical.entry {
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 0;
+}
diff --git a/gtk-3.0/widgets/toolbar.css b/gtk-3.0/widgets/toolbar.css
@@ -30,7 +30,7 @@
     border-style: solid;
     border-color: transparent;
     border-radius: 0;
-    background-color: #efefef;
+    background-color: transparent;
     background-image: none;
     color: @toolbar_fg_color;
 }
@@ -311,4 +311,4 @@ GthEmbeddedDialog .button:active:focus {
 .inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive {
     border-width: 1px;
     border-radius: 0;
-}
+}