fixed gtkscrollframes and gtkscrollbars

usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets.css

@@ -155,11 +155,11 @@ GtkScale.progressbar.vertical {
 }
 
 GtkSwitch.slider {
-    border-image: url("assets/switch-slider-border.svg") 2 / 2 stretch;
+    border-image: none;
 }
 
 GtkSwitch.slider:active {
-    border-image: url("assets/switch-slider-active-border.svg") 2 / 2 stretch;
+    border-image: none;
 }
 
 .progressbar,

usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css

@@ -2,9 +2,7 @@
     engine: adwaita;
     padding: 1;
 
-    /* Style properties */
     -GtkToolButton-icon-spacing: 4;
-
     -GtkTextView-error-underline-color: @error_color;
 
     -GtkPaned-handle-size: 5;
@@ -12,12 +10,6 @@
     -GtkCheckButton-indicator-size: 16;
     -GtkCheckMenuItem-indicator-size: 12;
 
-    /* The size for scrollbars. The slider is 2px smaller, but we keep it
-     * up so that the whole area is sensitive to button presses for the
-     * slider. The stepper button is larger in both directions, the slider
-     * only in the width
-     */
-
     -GtkScrolledWindow-scrollbar-spacing: 0;
     -GtkScrolledWindow-scrollbars-within-bevel: 1;
 
@@ -311,7 +303,7 @@ GtkProgressBar,
  * GtkScale *
  ************/
 GtkScale {
-    -GtkScale-slider-length: 16;
+    -GtkScale-slider-length: 18;
     -GtkRange-slider-width: 20;
     -GtkRange-trough-border: 0;
 }
@@ -342,7 +334,6 @@ GtkScale.trough {
 GtkScale.trough:insensitive {
     background-color: @insensitive_bg_color;
     background-image: none;
-
     border-image: none;
     border-style: solid;
     border-color: @insensitive_border_color;
@@ -350,12 +341,10 @@ GtkScale.trough:insensitive {
 
 GtkScale.progressbar {
     background-color: @scale_progress_fill;
-
     border-width: 1;
     border-radius: 2;
     border-style: none;
     /* border-image defined in the -assets variants */
-
     -adwaita-progressbar-pattern: none;
 }
 
@@ -376,8 +365,7 @@ GtkScrolledWindow.frame {
     border-style: solid;
     border-color: darker (@theme_bg_color);
     border-width: 1;
-    border-radius: 2;
+    border-radius: 0;
-
     padding: 0;
 }
 
@@ -456,13 +444,10 @@ GtkScrolledWindow.frame {
  *****************/
 .notebook {
     padding: 2;
-
     border-color: @notebook_border;
     border-style: solid;
     border-width: 1;
-
     background-color: @theme_base_color;
-
     -GtkNotebook-tab-overlap: 8;
     -GtkNotebook-tab-curvature: 6;
 }
@@ -511,7 +496,6 @@ GtkComboBox {
     padding: 0;
     -GtkWidget-focus-padding: 0;
     -GtkWidget-focus-line-width: 0;
-
     -GtkComboBox-arrow-scaling: 0.5;
     -GtkComboBox-shadow-type: none;
 }
@@ -609,82 +593,119 @@ GtkComboBox.combobox-entry .button:hover:active:nth-child(first) {
  * Scrollbars *
  **************/
 
-.scrollbar {
+GtkScrollbar {
-    background-image: none;
+    -GtkRange-arrow-scaling: 0.6;
+    -GtkRange-slider-width: 14;
+    -GtkRange-stepper-size: 14;
+    -GtkScrollbar-min-slider-length: 16;
+    -GtkRange-stepper-spacing: 0;
+    -GtkRange-trough-under-steppers: 0;
+    -GtkScrollbar-has-backward-stepper: 0;
+    -GtkScrollbar-has-forward-stepper: 0;
+    -GtkScrollbar-has-secondary-backward-stepper: 0;
+    -GtkScrollbar-fill-arrow: 1;
     border-style: solid;
-    -GtkRange-trough-border: 2;
+    border-radius: 6;
-    -GtkRange-arrow-scaling: 0.444;
-    -GtkRange-slider-width: 18;
-    -GtkRange-stepper-size: 18;
-    -GtkScrollbar-min-slider-length: 30; /* minimum size for the slider. sadly can't be in '.slider' where it belongs */
-
-    -GtkRange-stepper-spacing: 1;
-    -GtkRange-trough-under-steppers: 1;
 }
 
-.scrollbar.trough {
+GtkScrollbar.trough {
-    background-image: none;
+    border-color:  @border_trough_color;
-    background-color: shade (@theme_bg_color, 0.882);
+    background-image: -gtk-gradient (linear,
-    border-width: 0;
+				     left top, 
-    border-radius: 0;
+				     left bottom,
+				     from (@trough_gr_color_a),
+				     to (@trough_gr_color_b)); 
 }
 
-.scrollbar.slider,
+GtkScrollbar.slider {
-.scrollbar.button {
+    border-color: @border_trough_color;
-    background-image: none;
-    background-color: @theme_base_color;
-    border-color: @button_border;
-    border-radius: 3;
 	border-width: 1;
-
+	border-style: solid;
-    border-image: none;
+    background-image: -gtk-gradient (linear,
+				     left top, 
+				     left bottom,
+				     from (@slider_gr_color_a),
+				     to (@slider_gr_color_b)); 
 }
 
-.scrollbar.slider:prelight {
+GtkScrollbar.slider:hover,
-    background-image: none;
+GtkScrollbar.slider:active {
-    background-color: @theme_base_color;
+    border-color: @border_hover_color;
-    border-color: shade (@highlighted_border, 0.964);
+    background-image: -gtk-gradient (linear,
+				     left top, 
+				     left bottom,
+				     from (@slider_hover_gr_color_a),
+				     to (@slider_hover_gr_color_b)); 
 }
 
-.scrollbar.slider:prelight:active {
+GtkScrollbar.trough.vertical {
-    background-image: none;
+    border-color:  @border_trough_color;
-    background-color: @theme_base_color;
+    background-image: -gtk-gradient (linear,
-    border-color: @theme_selected_bg_color;
+				     left top, 
+				     right top,
+				     from (@trough_gr_color_a),
+				     to (@trough_gr_color_b)); 
 }
 
-.scrollbar.button {
+GtkScrollbar.slider.vertical {
-    color: @internal_element_color;
+    border-color: @border_trough_color;
+    background-image: -gtk-gradient (linear,
+				     left top, 
+				     right top,
+				     from (@slider_gr_color_a),
+				     to (@slider_gr_color_b)); 
 }
 
-.scrollbar.button:prelight {
+GtkScrollbar.slider.vertical:hover,
-    background-image: none;
+GtkScrollbar.slider.vertical:active {
-    background-color: @theme_base_color;
+    border-color: @border_hover_color;
-    border-color: shade (@highlighted_border, 0.964)
+    background-image: -gtk-gradient (linear,
+				     left top, 
+				     right top,
+				     from (@slider_hover_gr_color_a),
+				     to (@slider_hover_gr_color_b)); 
 }
 
-.scrollbar.button:prelight:active {
+GtkSscrollbar.button,
+GtkSscrollbar.button:prelight,
+GtkSscrollbar.button:active,
+GtkSscrollbar.button:insensitive {
+    background-color: none;
+    border-style: none;
     background-image: none;
-    background-color: @theme_base_color;
+    border-width: 0;
-    border-color: shade (@highlighted_border, 0.964)
 }
 
-.scrollbar.button:insensitive {
+.scrollbar.button {
-    color: @internal_element_insensitive;
+	border-radius: 0;
-    background-color: @theme_base_color;
+	border-width: 0;
-    border-color: @button_border;
 }
-
+.scrollbar.button.vertical {
-.scrollbar.slider:insensitive {
+	background-image: -gtk-gradient (linear, left top, right top,
-    background-color: @theme_base_color;
+		from (shade (@bg_color, 0.95)),
+		to (shade (@bg_color, 0.8)));
+	border-color: none;
+	border-radius: 0;
+	border-width: 0;
 }
 
-.scrollbar.trough:insensitive {
+.scrollbar.slider.vertical:prelight {
-    background-color: shade (@theme_bg_color, 0.882);
+	background-image: -gtk-gradient (linear, left top, right top,
+		from (shade (@bg_color, 0.85)),
+		to (shade (@bg_color, 0.7)));
+	border-color: shade (@bg_color, 0.6);
 }
 
+.scrollbar.slider.vertical:prelight:active {
+	background-image: -gtk-gradient (linear, left top, right top,
+		from (shade (@bg_color, 0.85)),
+		to (shade (@bg_color, 0.7)));
+	border-color: shade (@bg_color, 0.6);
+}
 /*********
  * Menus *
  *********/
+
 /* combobox menus */
 GtkTreeMenu.menu {
     background-color: @theme_base_color;
@@ -692,7 +713,6 @@ GtkTreeMenu.menu {
 
 GtkTreeMenu .menuitem {
     padding: 2;
-
     border-style: solid;
     border-width: 1 0;
     border-color: @menu_combobox_border;
@@ -723,7 +743,6 @@ GtkTreeMenu .menuitem * {
     background-image: none;
     background-color: @theme_base_color;
     color: @theme_text_color;
-
     border-image: none;
     border-style: none;
     border-width: 0;
@@ -732,7 +751,6 @@ GtkTreeMenu .menuitem * {
 .menu.button:insensitive {
     background-color: @theme_base_color;
     color: lighter(@internal_element_color);
-
     border-image: none;
     border-style: none;
     border-width: 0;
@@ -744,7 +762,6 @@ GtkTreeMenu .menuitem * {
     border-width: 0;
     border-style: none;
     padding: 4;
-
     -GtkWidget-window-dragging: true;
     -GtkMenuBar-internal-padding: 0;
 }
@@ -758,13 +775,12 @@ GtkTreeMenu .menuitem * {
 /* remove the image from the prelight areas */
 .menubar .menuitem:prelight {
     background-image: none;
-    background-color: #ffffff;
+    background-color: #88ACCA;
-
     border-radius: 5 5 0 0;
 }
 
 .menubar .menuitem *:prelight {
-    color: @menu_fg_color;
+    color: #ffffff;
 }
 
 .menuitem {
@@ -777,7 +793,7 @@ GtkTreeMenu .menuitem * {
 .menuitem *:active,
 .menuitem:prelight,
 .menuitem *:prelight {
-    background-color: #4A90D9;
+    background-color: #88ACCA;
     color: @theme_selected_fg_color;
 }
 
@@ -1274,7 +1290,7 @@ GtkPathBar .button:active:hover:nth-child(last) {
     background-color: shade (@theme_bg_color, 1.02);
 }
 
-.sidebar .scrollbar.trough {
+.sidebar GtkSscrollbar.trough {
     background-color: shade (@theme_bg_color, 1.02);
 }
 
@@ -1311,64 +1327,27 @@ GtkAssistant .sidebar {
  *************/
 
 GtkSwitch {
-    font: bold condensed 10;
+    padding: 1;
-}
+    border-radius: 12;
-
-GtkSwitch.trough {
-    color: shade (@internal_element_color, 0.60);
-
-    border-radius: 1;
-    border-width: 1;
-    border-style: none;
-    /* border-image defined in the -assets variant */
-
-    background-image: -gtk-gradient (linear,
-                                     left top, left bottom,
-                                     from (@trough_bg_color_a),
-                                     to (@trough_bg_color_b));
-}
-
-GtkSwitch.trough:active {
-    color: @theme_base_color;
-    background-image: -gtk-gradient (linear,
-                                     left top, left bottom,
-                                     from (@active_switch_bg_color_a),
-                                     to (@active_switch_bg_color_b));
-}
-
-GtkSwitch.trough:insensitive {
-    background-image: none;
-    background-color: shade (@theme_bg_color, 0.9);
-
-    border-image: none;
     border-style: solid;
 }
 
 GtkSwitch.slider {
-    border-width: 1;
+    border-color: @progressbar_border_active_color;
-    border-radius: 1;
-    border-style: none;
-    /* border-image defined in -assets variant */
-
-    padding: 2;
-
     background-image: -gtk-gradient (linear,
-                                     left top, left bottom,
+				     left top, 
-                                     from (@theme_base_color),
+				     left bottom,
-                                     to (@switch_slider_color));
+				     from (@progressbar_gr_color_a),
-
+				     to (@progressbar_gr_color_b)); 
-    -adwaita-switch-grip-color: shade (@switch_slider_color, 0.97);
-}
-
-GtkSwitch.slider:active {
-    border-color: @switch_slider_border;
 }
 
-GtkSwitch.slider:insensitive {
+GtkSwitch.trough {
-    border-image: none;
+    border-color: @border_trough_color;
-
+    background-image: -gtk-gradient (linear,
-    background-image: none;
+				     left top, 
-    background-color: @insensitive_bg_color;
+				     left bottom,
+				     from (@trough_gr_color_a),
+				     to (@trough_gr_color_b));
 }
 
 GtkViewport,
@@ -1570,86 +1549,3 @@ GtkCalendar.highlight {
     color: mix (@theme_selected_fg_color, @theme_base_color, 0.50);
 }
 
-/**********************
- * Fallback Mode Panel
- **********************/
-
-.gnome-panel-menu-bar,
-PanelToplevel,
-PanelWidget,
-PanelAppletFrame,
-PanelApplet {
-    background-color: @os_chrome_bg_color;
-    background-image: none;
-    color: @os_chrome_fg_color;
-}
-
-ClockBox,
-.gnome-panel-menu-bar {
-    font: bold;
-}
-
-.gnome-panel-menu-bar .menuitem:prelight {
-    background-color: @os_chrome_selected_bg_color;
-    color: @os_chrome_selected_fg_color;
-}
-
-.gnome-panel-menu-bar .menuitem *:prelight {
-    color: @os_chrome_selected_fg_color;
-    text-shadow: @os_chrome_bg_color 0 1;
-}
-
-PanelApplet .button,
-PanelApplet .button:prelight {
-    padding: 4;
-
-    border-image: none;
-    border-width: 0;
-    border-radius: 0;
-
-    background-image: none;
-    background-color: alpha(@theme_base_color, 0.0);
-
-    color: @os_chrome_fg_color;
-}
-
-PanelApplet .button:active:prelight,
-PanelApplet .button:active {
-    border-image: none;
-    background-image: none;
-    background-color: @os_chrome_selected_bg_color;
-    border-width: 0;
-    border-radius: 0;
-}
-
-PanelApplet *:prelight {
-    color: @os_chrome_selected_fg_color;
-}
-
-PanelApplet *:active,
-PanelApplet *:prelight:active {
-    color: @os_chrome_selected_fg_color;
-    text-shadow: @os_chrome_bg_color 0 1;
-}
-
-NaTrayApplet {
-    -NaTrayApplet-icon-padding: 12;
-    -NaTrayApplet-icon-size: 16;
-}
-
-WnckPager, WnckTasklist {
-    background-color: @os_chrome_selected_bg_color;
-    background-image: none;
-    color: @os_chrome_fg_color;
-}
-
-GsmFailWhaleDialog {
-    background-color: @os_chrome_bg_color;
-    background-image: none;
-    color: @os_chrome_fg_color;
-}
-
-GsmFailWhaleDialog * {
-    background-color: @os_chrome_bg_color;
-    background-image: none;
-}

usr/share/themes/Lubuntu-default/gtk-3.0/gtk.css

@@ -2,7 +2,7 @@
 @define-color base_color #ffffff;
 @define-color bg_color #e0e0e0;
 @define-color tooltip_bg_color #343434;
-@define-color selected_bg_color #4a90d9;
+@define-color selected_bg_color #88ACCA;
 @define-color text_color #2e3436;
 @define-color fg_color #2e3436;
 @define-color tooltip_fg_color #ffffff;
@@ -24,12 +24,12 @@
 @define-color menu_combobox_border #3277bf;
 @define-color menu_separator mix (@menu_fg_color, @menu_bg_color, 0.9);
 
-@define-color link_color #4a90d9;
+@define-color link_color #88ACCA;
 @define-color frame_color #8a9580;
 @define-color inactive_frame_color #c7ccc1;
 @define-color warning_color #f57900;
 @define-color error_color #cc0000;
-@define-color success_color #4e9a06;
+@define-color success_color #88ACCA;
 
 @define-color info_fg_color rgb (181, 171, 156);
 @define-color info_bg_color rgb (252, 252, 189);
@@ -78,16 +78,19 @@
 @define-color trough_bg_color_a #bcbcb7;
 @define-color trough_bg_color_b #e0e0dd;
 
-@define-color active_switch_bg_color_a #509ae7;
+@define-color border_color #A3A3A3;
-@define-color active_switch_bg_color_b #84b8ee;
+@define-color border_hover_color #B4BDC5;
+@define-color border_trough_color #B2B2B2;
+@define-color button_gr_color_a #F2F2F2;
+@define-color button_gr_color_b #E0E0E0;
+@define-color button_hover_gr_color_a #EFF3F6;
+@define-color button_hover_gr_color_b #DAE2E9;
 
+@define-color active_switch_bg_color_a #88ACCA;
+@define-color active_switch_bg_color_b #84b8ee;
 @define-color switch_slider_color #eeeeec;
 @define-color switch_slider_border #2a79cb;
 
-@define-color progressbar_background_a #4a90d9;
-@define-color progressbar_background_b #4a90d9;
-@define-color progressbar_pattern #000000;
-
 @define-color entry_text_color @theme_text_color;
 
 @define-color entry_background_a #e1e1e1;
@@ -106,12 +109,19 @@
 @define-color scale_progress_border_a #1864b2;
 @define-color scale_progress_border_b #3e90e5;
 
+@define-color slider_gr_color_a #F9F9F9;
+@define-color slider_gr_color_b #C2C2C2;
+@define-color slider_hover_gr_color_a #E6F3FF;
+@define-color slider_hover_gr_color_b #C8D4DE;
+
+@define-color trough_gr_color_a #A5A5A5;
+@define-color trough_gr_color_b @bg_color;
+
 @define-color highlighted_border #8a8f8a;
 
 @define-color notebook_border #a6a6a6;
 @define-color notebook_active_tab_border #1372d3;
 @define-color notebook_selected_tab_color #8dc0f3;
-
 @define-color notebook_tab_gradient_a @theme_base_color;
 @define-color notebook_tab_gradient_b @switch_slider_color;
 
@@ -121,10 +131,8 @@
 @define-color toolbar_gradient_final #c0c0c0;
 
 @define-color toolbar_border_top shade (@theme_bg_color, 0.56);
-@define-color toolbar_border_bottom shade #808080;
+@define-color toolbar_border_bottom_shade #808080;
-
 @define-color toolbar_active_button_color #909081;
-
 @define-color primary_toolbar_entry_bg @theme_base_color;
 @define-color primary_toolbar_entry_fg @theme_text_color;
 
@@ -142,16 +150,32 @@
 @define-color wm_button_bg_b shade (@bg_color, 0.85);
 @define-color wm_button_bg_c shade (@bg_color, 0.8);
 @define-color wm_button_bg_d shade (@bg_color, 0.9);
-
 @define-color wm_button_bg_hover_a shade (@wm_button_bg_a, 1.1);
 @define-color wm_button_bg_hover_b shade (@wm_button_bg_b, 1.1);
 @define-color wm_button_bg_hover_c shade (@wm_button_bg_c, 1.1);
 @define-color wm_button_bg_hover_d shade (@wm_button_bg_d, 1.1);
-
 @define-color wm_button_bg_active_a shade (@bg_color, 0.7);
 @define-color wm_button_bg_active_b shade (@bg_color, 0.9);
 @define-color wm_button_bg_active_c shade (@bg_color, 0.9);
 
+@define-color border_color #A3A3A3;
+@define-color border_hover_color #B4BDC5;
+@define-color border_trough_color #B2B2B2;
+@define-color button_gr_color_a #F2F2F2;
+@define-color button_gr_color_b #E0E0E0;
+@define-color button_hover_gr_color_a #EFF3F6;
+@define-color button_hover_gr_color_b #DAE2E9;
+@define-color slider_gr_color_a #F9F9F9;
+@define-color slider_gr_color_b #C2C2C2;
+@define-color slider_hover_gr_color_a #E6F3FF;
+@define-color slider_hover_gr_color_b #C8D4DE;
+@define-color progressbar_border_active_color #6594E6;
+@define-color progressbar_gr_color_a #88ACCA;
+@define-color progressbar_gr_color_b #88ACCA;
+@define-color progressbar_pattern #88ACCA;
+@define-color trough_gr_color_a #A5A5A5;
+@define-color trough_gr_color_b @bg_color;
+
 @import url("gtk-widgets.css");
 @import url("gtk-widgets-assets.css");