summaryrefslogtreecommitdiff
path: root/desktop-themes
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2015-08-16 17:58:54 +0200
committerraveit65 <[email protected]>2015-08-16 17:58:54 +0200
commit573bb0ebf7f3e0893a443d8a22422bc5ee6f02cb (patch)
tree9d2da45c745a8648334504f63041698b5af85cef /desktop-themes
parenta742ecb610692f761511f22d0141f8fb730b08dd (diff)
downloadmate-themes-573bb0ebf7f3e0893a443d8a22422bc5ee6f02cb.tar.bz2
mate-themes-573bb0ebf7f3e0893a443d8a22422bc5ee6f02cb.tar.xz
GTK3 submarine themes: adjust progressbars and levelbars
Diffstat (limited to 'desktop-themes')
-rw-r--r--desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css308
-rw-r--r--desktop-themes/Blue-Submarine/gtk-3.0/gtk.css6
-rw-r--r--desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css309
-rw-r--r--desktop-themes/Green-Submarine/gtk-3.0/gtk.css6
4 files changed, 458 insertions, 171 deletions
diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
index e7e28124..eb51c7a8 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -1520,6 +1520,229 @@ DbusmenuGtkMenu .menuitem .accelerator:insensitive,
-unico-inner-stroke-width: 1px;
}
+/****************
+ * Progress bar *
+ ****************/
+
+/* progress component */
+.progressbar,
+.toolbar .progressbar,
+.entry.progressbar,
+.progressbar row,
+.progressbar row:hover,
+.progressbar row:selected,
+.progressbar row:selected:focus {
+ background-image: linear-gradient(to right,
+ alpha (#000, 0.00),
+ alpha (#000, 0.00) 48%,
+ alpha (#004, 0.12) 48%,
+ alpha (#004, 0.12) 50%,
+ alpha (#000, 0.00) 50%,
+ alpha (#000, 0.00) 98%,
+ alpha (#004, 0.12) 98%,
+ alpha (#004, 0.12)),
+ linear-gradient(to bottom,
+ alpha (#000, 0.20),
+ alpha (#000, 0.05) 50%,
+ alpha (#000, 0.00)),
+ linear-gradient(to right,
+ @progressbar_fill_a,
+ @progressbar_fill_b);
+ background-size: 40px auto, auto, auto;
+ box-shadow: inset 0px 1px alpha(black, 0.03),
+ inset 1px 0px alpha(black, 0.03),
+ inset -1px 0px alpha(black, 0.03),
+ inset 0px -1px alpha(white, 0.10);
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-top-color: shade(@button_border_active, 0.80);
+ border-left-color: shade(@button_border_active, 0.85);
+ border-right-color: shade(@button_border_active, 0.85);
+ border-bottom-color: shade(@button_border_active, 1.00);
+/* Label font color of progressbar*/
+ color: @theme_fg_color;
+ text-shadow: none;
+}
+
+.progressbar.vertical {
+ background-image: linear-gradient(to top,
+ alpha (#000, 0.00),
+ alpha (#000, 0.00) 48%,
+ alpha (#004, 0.12) 48%,
+ alpha (#004, 0.12) 50%,
+ alpha (#000, 0.00) 50%,
+ alpha (#000, 0.00) 98%,
+ alpha (#004, 0.12) 98%,
+ alpha (#004, 0.12)),
+ linear-gradient(to right,
+ alpha (#000, 0.20),
+ alpha (#000, 0.05) 50%,
+ alpha (#000, 0.00)),
+ linear-gradient(to top,
+ @progressbar_fill_a,
+ @progressbar_fill_b);
+ background-size: auto 40px, auto, auto;
+ box-shadow: inset 0px 1px alpha(black, 0.03),
+ inset 1px 0px alpha(black, 0.03),
+ inset -1px 0px alpha(white, 0.10),
+ inset 0px -1px alpha(black, 0.03);
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-top-color: shade(@button_border_active, 0.85);
+ border-left-color: shade(@button_border_active, 0.80);
+ border-right-color: shade(@button_border_active, 1.00);
+ border-bottom-color: shade(@button_border_active, 0.85);
+/* Label font color of progressbar*/
+ color: @theme_fg_color;
+ text-shadow: none;
+}
+
+GtkProgressBar {
+ /* FIXME - Not working 3.14 */
+ -GtkProgressBar-min-horizontal-bar-height: 16;
+ -GtkProgressBar-min-vertical-bar-width: 16;
+ border-radius: 2px;
+ padding: 0 0 1px 0;
+ text-shadow: none;
+/* -GtkProgressBar-xspacing: 22;
+ -GtkProgressBar-yspacing: 22; */
+}
+
+/* through component */
+.trough row {
+ padding: 0px;
+ text-shadow: none;
+ border-radius: 2px;
+ padding: 0 0 1px 0;
+}
+
+.trough,
+.toolbar .trough,
+.trough row,
+.trough row:hover {
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (alpha (#000, 0.18)),
+ color-stop (0.20, alpha (#000, 0.14)),
+ to (alpha (#000, 0.04)));
+ border-style: none;
+ border-width: 0px;
+ border-radius: 2px;
+ padding: 0 0 1px 0;
+ box-shadow: inset 1px 1px alpha(#000, 0.15),
+ inset -1px -1px alpha(#000, 0.15);
+ text-shadow: none;
+}
+
+.trough.vertical {
+ background-image: -gtk-gradient (linear,
+ left top, right top,
+ from (alpha (#000, 0.18)),
+ color-stop (0.20, alpha (#000, 0.14)),
+ to (alpha (#000, 0.04)));
+ border-radius: 2px;
+ padding: 0 0 1px 0;
+ text-shadow: none;
+}
+
+.trough row:selected,
+.trough row:selected:focus {
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (mix (@trough_bg_color_a, @theme_selected_bg_color, 0.25)),
+ to (mix (@trough_bg_color_b, @theme_selected_bg_color, 0.25)));
+}
+
+/* level bars as used for password quality or remaining power */
+GtkLevelBar {
+ -GtkLevelBar-min-block-width: 34;
+ -GtkLevelBar-min-block-height: 3;
+}
+
+GtkLevelBar.vertical {
+ -GtkLevelBar-min-block-width: 3;
+ -GtkLevelBar-min-block-height: 34;
+}
+
+.level-bar.trough {
+ padding: 2px;
+}
+
+.level-bar.fill-block {
+ border-width: 1px;
+ border-style: solid;
+ border-color: @button_border_active;
+ background-image: -gtk-gradient (linear,
+ 0.45 top, 0.55 bottom,
+ from (shade (@button_bg_active, 1.30)),
+ color-stop (0.40, shade (@button_bg_active, 1.04)),
+ color-stop (0.60, shade (@button_bg_active, 0.92)),
+ to (shade (@button_bg_active, 1.20)));
+}
+
+.level-bar.indicator-continuous.fill-block {
+ padding: 2px;
+ border-radius: 2px;
+}
+
+.level-bar.indicator-discrete.fill-block.horizontal {
+ margin: 0 1px;
+}
+
+.level-bar.indicator-discrete.fill-block.vertical {
+ margin: 1px 0;
+}
+
+/* discrete indicator border rounding,
+ uncomment when :nth-child will be working
+ on the widget
+
+.level-bar.indicator-discrete.fill-block.horizontal:first-child {
+ border-radius: 2px 0 0 2px;
+}
+
+.level-bar.indicator-discrete.fill-block.horizontal:last-child {
+ border-radius: 0 2px 2px 0;
+}
+
+.level-bar.indicator-discrete.fill-block.vertical:first-child {
+ border-radius: 2px 2px 0 0;
+}
+
+.level-bar.indicator-discrete.fill-block.vertical:last-child {
+ border-radius: 0 0 2px 2px;
+}
+*/
+
+.level-bar.fill-block.level-high {
+ border-color: shade(@success_color, 0.85);
+ background-image: linear-gradient(to bottom,
+ shade(@success_color, 1.2),
+ @success_color 75%,
+ shade(@success_color, 0.95));
+}
+
+.level-bar.fill-block.level-low {
+ border-color: shade(@warning_bg_color, 0.80);
+ background-image: linear-gradient(to bottom,
+ shade(@warning_bg_color, 1.3),
+ @warning_bg_color 75%,
+ shade(@warning_bg_color, 0.90));
+}
+
+.level-bar.fill-block.empty-fill-block {
+ background-color: transparent;
+ background-image: none;
+ border-color: alpha(@theme_fg_color, 0.1);
+}
+
+.level-bar.fill-block.empty-fill-block:backdrop {
+ border-color: transparent;
+ background-color: transparent;
+}
+
/************
* GtkScale *
************/
@@ -1694,91 +1917,6 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive {
background-image: url("assets/scale-slider-marks-below-vertical-insensitive.svg");
}
-/***************
- * progressbar *
- ***************/
-GtkProgressBar {
- border-radius: 0;
- border-width: 1px;
- padding: 0;
-}
-
-.progressbar,
-.progressbar row,
-.progressbar row:hover,
-.progressbar row:selected,
-.progressbar row:selected:focused {
- background-image: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_selected_bg_color, 0.96)),
- to (shade (@theme_selected_bg_color, 1.1)));
- border-width: 1px;
- border-style: solid;
- border-color: shade (@theme_selected_bg_color, 0.8);
- color: @theme_selected_fg_color;
-
- -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_selected_bg_color, 0.8)),
- to (shade (@theme_selected_bg_color, 0.8)));
- -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_selected_bg_color, 1.15)),
- to (shade (@theme_selected_bg_color, 1.15)));
- -unico-inner-stroke-width: 1px 1px 0px 1px;
- -unico-outer-stroke-color: @transparent;
- -unico-outer-stroke-width: 0;
-}
-
-.progressbar.vertical {
- background-image: -gtk-gradient (linear, left top, right top,
- from (shade (@theme_selected_bg_color, 0.96)),
- to (shade (@theme_selected_bg_color, 1.1)));
- border-width: 1px;
- border-style: solid;
- border-color: shade (@theme_selected_bg_color, 0.8);
- color: @theme_selected_fg_color;
-
- -unico-border-gradient: -gtk-gradient (linear, left top, right top,
- from (shade (@theme_selected_bg_color, 0.8)),
- to (shade (@theme_selected_bg_color, 0.8)));
- -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
- from (shade (@theme_selected_bg_color, 1.15)),
- to (shade (@theme_selected_bg_color, 1.15)));
- -unico-inner-stroke-width: 1px 0px 1px 1px;
-}
-
-.trough,
-.trough row,
-.trough row:hover,
-.trough row:selected,
-.trough row:selected:focused {
- background-image: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_bg_color, 0.9)),
- to (shade (@theme_bg_color, 0.98)));
-
- border-width: 1px;
- border-style: solid;
- border-radius: 0;
- border-color: shade (@theme_bg_color, 0.8);
- -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_bg_color, 0.74)),
- to (shade (@theme_bg_color, 0.8)));
- -unico-outer-stroke-width: 0;
-}
-
-.trough.vertical {
- background-image: -gtk-gradient (linear, left top, right top,
- from (shade (@theme_bg_color, 0.9)),
- to (shade (@theme_bg_color, 0.98)));
-
- border-width: 1px;
- border-style: solid;
- border-radius: 0;
- border-color: shade (@theme_bg_color, 0.8);
- -unico-border-gradient: -gtk-gradient (linear, left top, right top,
- from (shade (@theme_bg_color, 0.74)),
- to (shade (@theme_bg_color, 0.8)));
- -unico-outer-stroke-width: 0;
-}
-
/*************
* scrollbar *
*************/
diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css
index b54474d2..00cddb0d 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css
@@ -29,6 +29,7 @@
@define-color error_bg_color rgb (237, 54, 54);
@define-color link_color #008BCC;
@define-color error_color #cc0000;
+@define-color success_color #4E9A06;
/* theme common colors */
@define-color button_bg_color shade (@theme_bg_color, 1.06);
@@ -55,6 +56,11 @@
@define-color scale_border_a @internal_element_color;
@define-color scale_border_b shade (@internal_element_color, 1.25);
@define-color scale_progress_fill @theme_selected_bg_color;
+@define-color progressbar_fill_a @button_bg_active;
+@define-color progressbar_fill_b shade(mix(@button_bg_active, blue, 0.10), 1.10);
+
+@define-color trough_bg_color_a shade (@theme_bg_color, 0.88);
+@define-color trough_bg_color_b shade (@theme_bg_color, 0.95);
@define-color toolbar_gradient_base #CBD5D9;
@define-color toolbar_gradient_final #C0CACE;
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
index f559a8b8..3f4aeb73 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -1526,6 +1526,229 @@ DbusmenuGtkMenu .menuitem .accelerator:insensitive,
-unico-inner-stroke-width: 1px;
}
+/****************
+ * Progress bar *
+ ****************/
+
+/* progress component */
+.progressbar,
+.toolbar .progressbar,
+.entry.progressbar,
+.progressbar row,
+.progressbar row:hover,
+.progressbar row:selected,
+.progressbar row:selected:focus {
+ background-image: linear-gradient(to right,
+ alpha (#000, 0.00),
+ alpha (#000, 0.00) 48%,
+ alpha (#004, 0.12) 48%,
+ alpha (#004, 0.12) 50%,
+ alpha (#000, 0.00) 50%,
+ alpha (#000, 0.00) 98%,
+ alpha (#004, 0.12) 98%,
+ alpha (#004, 0.12)),
+ linear-gradient(to bottom,
+ alpha (#000, 0.20),
+ alpha (#000, 0.05) 50%,
+ alpha (#000, 0.00)),
+ linear-gradient(to right,
+ @progressbar_fill_a,
+ @progressbar_fill_b);
+ background-size: 40px auto, auto, auto;
+ box-shadow: inset 0px 1px alpha(black, 0.03),
+ inset 1px 0px alpha(black, 0.03),
+ inset -1px 0px alpha(black, 0.03),
+ inset 0px -1px alpha(white, 0.10);
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-top-color: shade(@button_border_active, 0.80);
+ border-left-color: shade(@button_border_active, 0.85);
+ border-right-color: shade(@button_border_active, 0.85);
+ border-bottom-color: shade(@button_border_active, 1.00);
+/* Label font color of progressbar*/
+ color: @theme_fg_color;
+ text-shadow: none;
+}
+
+.progressbar.vertical {
+ background-image: linear-gradient(to top,
+ alpha (#000, 0.00),
+ alpha (#000, 0.00) 48%,
+ alpha (#004, 0.12) 48%,
+ alpha (#004, 0.12) 50%,
+ alpha (#000, 0.00) 50%,
+ alpha (#000, 0.00) 98%,
+ alpha (#004, 0.12) 98%,
+ alpha (#004, 0.12)),
+ linear-gradient(to right,
+ alpha (#000, 0.20),
+ alpha (#000, 0.05) 50%,
+ alpha (#000, 0.00)),
+ linear-gradient(to top,
+ @progressbar_fill_a,
+ @progressbar_fill_b);
+ background-size: auto 40px, auto, auto;
+ box-shadow: inset 0px 1px alpha(black, 0.03),
+ inset 1px 0px alpha(black, 0.03),
+ inset -1px 0px alpha(white, 0.10),
+ inset 0px -1px alpha(black, 0.03);
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-top-color: shade(@button_border_active, 0.85);
+ border-left-color: shade(@button_border_active, 0.80);
+ border-right-color: shade(@button_border_active, 1.00);
+ border-bottom-color: shade(@button_border_active, 0.85);
+/* Label font color of progressbar*/
+ color: @theme_fg_color;
+ text-shadow: none;
+}
+
+GtkProgressBar {
+ /* FIXME - Not working 3.14 */
+ -GtkProgressBar-min-horizontal-bar-height: 16;
+ -GtkProgressBar-min-vertical-bar-width: 16;
+ border-radius: 2px;
+ padding: 0 0 1px 0;
+ text-shadow: none;
+/* -GtkProgressBar-xspacing: 22;
+ -GtkProgressBar-yspacing: 22; */
+}
+
+/* through component */
+.trough row {
+ padding: 0px;
+ text-shadow: none;
+ border-radius: 2px;
+ padding: 0 0 1px 0;
+}
+
+.trough,
+.toolbar .trough,
+.trough row,
+.trough row:hover {
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (alpha (#000, 0.18)),
+ color-stop (0.20, alpha (#000, 0.14)),
+ to (alpha (#000, 0.04)));
+ border-style: none;
+ border-width: 0px;
+ border-radius: 2px;
+ padding: 0 0 1px 0;
+ box-shadow: inset 1px 1px alpha(#000, 0.15),
+ inset -1px -1px alpha(#000, 0.15);
+ text-shadow: none;
+}
+
+.trough.vertical {
+ background-image: -gtk-gradient (linear,
+ left top, right top,
+ from (alpha (#000, 0.18)),
+ color-stop (0.20, alpha (#000, 0.14)),
+ to (alpha (#000, 0.04)));
+ border-radius: 2px;
+ padding: 0 0 1px 0;
+ text-shadow: none;
+}
+
+.trough row:selected,
+.trough row:selected:focus {
+ background-image: -gtk-gradient (linear,
+ left top, left bottom,
+ from (mix (@trough_bg_color_a, @theme_selected_bg_color, 0.25)),
+ to (mix (@trough_bg_color_b, @theme_selected_bg_color, 0.25)));
+}
+
+/* level bars as used for password quality or remaining power */
+GtkLevelBar {
+ -GtkLevelBar-min-block-width: 34;
+ -GtkLevelBar-min-block-height: 3;
+}
+
+GtkLevelBar.vertical {
+ -GtkLevelBar-min-block-width: 3;
+ -GtkLevelBar-min-block-height: 34;
+}
+
+.level-bar.trough {
+ padding: 2px;
+}
+
+.level-bar.fill-block {
+ border-width: 1px;
+ border-style: solid;
+ border-color: @button_border_active;
+ background-image: -gtk-gradient (linear,
+ 0.45 top, 0.55 bottom,
+ from (shade (@button_bg_active, 1.30)),
+ color-stop (0.40, shade (@button_bg_active, 1.04)),
+ color-stop (0.60, shade (@button_bg_active, 0.92)),
+ to (shade (@button_bg_active, 1.20)));
+}
+
+.level-bar.indicator-continuous.fill-block {
+ padding: 2px;
+ border-radius: 2px;
+}
+
+.level-bar.indicator-discrete.fill-block.horizontal {
+ margin: 0 1px;
+}
+
+.level-bar.indicator-discrete.fill-block.vertical {
+ margin: 1px 0;
+}
+
+/* discrete indicator border rounding,
+ uncomment when :nth-child will be working
+ on the widget
+
+.level-bar.indicator-discrete.fill-block.horizontal:first-child {
+ border-radius: 2px 0 0 2px;
+}
+
+.level-bar.indicator-discrete.fill-block.horizontal:last-child {
+ border-radius: 0 2px 2px 0;
+}
+
+.level-bar.indicator-discrete.fill-block.vertical:first-child {
+ border-radius: 2px 2px 0 0;
+}
+
+.level-bar.indicator-discrete.fill-block.vertical:last-child {
+ border-radius: 0 0 2px 2px;
+}
+*/
+
+.level-bar.fill-block.level-high {
+ border-color: shade(@success_color, 0.85);
+ background-image: linear-gradient(to bottom,
+ shade(@success_color, 1.2),
+ @success_color 75%,
+ shade(@success_color, 0.95));
+}
+
+.level-bar.fill-block.level-low {
+ border-color: shade(@warning_bg_color, 0.80);
+ background-image: linear-gradient(to bottom,
+ shade(@warning_bg_color, 1.3),
+ @warning_bg_color 75%,
+ shade(@warning_bg_color, 0.90));
+}
+
+.level-bar.fill-block.empty-fill-block {
+ background-color: transparent;
+ background-image: none;
+ border-color: alpha(@theme_fg_color, 0.1);
+}
+
+.level-bar.fill-block.empty-fill-block:backdrop {
+ border-color: transparent;
+ background-color: transparent;
+}
+
/************
* GtkScale *
************/
@@ -1700,92 +1923,6 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive {
background-image: url("assets/scale-slider-marks-below-vertical-insensitive.svg");
}
-/***************
- * progressbar *
- ***************/
-
-GtkProgressBar {
- border-radius: 0;
- border-width: 1px;
- padding: 0;
-}
-
-.progressbar,
-.progressbar row,
-.progressbar row:hover,
-.progressbar row:selected,
-.progressbar row:selected:focused {
- background-image: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_selected_bg_color, 0.96)),
- to (shade (@theme_selected_bg_color, 1.1)));
- border-width: 1px;
- border-style: solid;
- border-color: shade (@theme_selected_bg_color, 0.8);
- color: @theme_selected_fg_color;
-
- -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_selected_bg_color, 0.8)),
- to (shade (@theme_selected_bg_color, 0.8)));
- -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_selected_bg_color, 1.15)),
- to (shade (@theme_selected_bg_color, 1.15)));
- -unico-inner-stroke-width: 1px 1px 0px 1px;
- -unico-outer-stroke-color: @transparent;
- -unico-outer-stroke-width: 0;
-}
-
-.progressbar.vertical {
- background-image: -gtk-gradient (linear, left top, right top,
- from (shade (@theme_selected_bg_color, 0.96)),
- to (shade (@theme_selected_bg_color, 1.1)));
- border-width: 1px;
- border-style: solid;
- border-color: shade (@theme_selected_bg_color, 0.8);
- color: @theme_selected_fg_color;
-
- -unico-border-gradient: -gtk-gradient (linear, left top, right top,
- from (shade (@theme_selected_bg_color, 0.8)),
- to (shade (@theme_selected_bg_color, 0.8)));
- -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
- from (shade (@theme_selected_bg_color, 1.15)),
- to (shade (@theme_selected_bg_color, 1.15)));
- -unico-inner-stroke-width: 1px 0px 1px 1px;
-}
-
-.trough,
-.trough row,
-.trough row:hover,
-.trough row:selected,
-.trough row:selected:focused {
- background-image: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_bg_color, 0.9)),
- to (shade (@theme_bg_color, 0.98)));
-
- border-width: 1px;
- border-style: solid;
- border-radius: 0;
- border-color: shade (@theme_bg_color, 0.8);
- -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
- from (shade (@theme_bg_color, 0.74)),
- to (shade (@theme_bg_color, 0.8)));
- -unico-outer-stroke-width: 0;
-}
-
-.trough.vertical {
- background-image: -gtk-gradient (linear, left top, right top,
- from (shade (@theme_bg_color, 0.9)),
- to (shade (@theme_bg_color, 0.98)));
-
- border-width: 1px;
- border-style: solid;
- border-radius: 0;
- border-color: shade (@theme_bg_color, 0.8);
- -unico-border-gradient: -gtk-gradient (linear, left top, right top,
- from (shade (@theme_bg_color, 0.74)),
- to (shade (@theme_bg_color, 0.8)));
- -unico-outer-stroke-width: 0;
-}
-
/*************
* scrollbar *
*************/
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gtk.css b/desktop-themes/Green-Submarine/gtk-3.0/gtk.css
index 9fa48e34..6ce7e2c2 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk.css
@@ -29,6 +29,7 @@
@define-color error_bg_color rgb (237, 54, 54);
@define-color link_color #00CC85;
@define-color error_color #cc0000;
+@define-color success_color #4E9A06;
/* theme common colors */
@define-color button_bg_color shade (@theme_bg_color, 1.06);
@@ -55,6 +56,11 @@
@define-color scale_border_a @internal_element_color;
@define-color scale_border_b shade (@internal_element_color, 1.25);
@define-color scale_progress_fill @theme_selected_bg_color;
+@define-color progressbar_fill_a @button_bg_active;
+@define-color progressbar_fill_b shade(mix(@button_bg_active, green, 0.10), 1.10);
+
+@define-color trough_bg_color_a shade (@theme_bg_color, 0.88);
+@define-color trough_bg_color_b shade (@theme_bg_color, 0.95);
@define-color toolbar_gradient_base #CBD9D4;
@define-color toolbar_gradient_final #C0CEC9;