summaryrefslogtreecommitdiff
path: root/desktop-themes
diff options
context:
space:
mode:
Diffstat (limited to 'desktop-themes')
-rw-r--r--desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css334
1 files changed, 253 insertions, 81 deletions
diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
index 7d0ed3a0..d339ed56 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
@@ -486,7 +486,7 @@ progressbar {
/*border-color: @progressbar_border;*/
}
-progressbar progress{ /*must define borders FIRST to stop drawing failures in Synaptic*/
+progressbar progress{
min-height: 19px;
border-width: 1px;
border-style:solid;
@@ -607,64 +607,103 @@ scrolledwindow viewport.frame {
border-style: none;
}
-/***************
- * levelbar *
- ***************/
+/* level bars as used for password quality or remaining power */
levelbar {
- -levelbar-min-block-width: 34;
- -levelbar-min-block-height: 3;
-
- background-color: transparent;
+ min-width: 34px;
+ min-height: 3px;
}
levelbar.vertical {
- -levelbar-min-block-width: 3;
- -levelbar-min-block-height: 34;
+ min-width: 3px;
+ min-height: 34px;
}
-level-bar.trough {
+levelbar trough {
padding: 2px;
+ border-radius: 2px;
+ background-image: linear-gradient(to bottom,
+ @trough_bg_color_a,
+ @trough_bg_color_b);
+ background-color: transparent;
+ box-shadow: inset 1px 1px alpha(#000, 0.15),
+ inset -1px -1px alpha(#000, 0.15);
}
-level-bar.fill-block {
- border-width: 1px;
- border-style: solid;
- border-color: @progressbar_border;
- background-image: linear-gradient(to bottom,
- shade(@link_color, 1.2),
- shade(@link_color, 0.6));
+levelbar block.filled {
+ border-width: 2px;
+ 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;
+levelbar.continuous block.filled {
+ padding: 1px;
+ border-radius: 2px;
}
-level-bar.indicator-discrete.fill-block.horizontal {
- margin: 0 1px;
+levelbar.discrete.horizontal block.filled {
+ margin: 0 1px;
}
-level-bar.indicator-discrete.fill-block.vertical {
- margin: 1px 0;
+levelbar.discrete.vertical block.filled {
+ margin: 1px 0;
}
-level-bar.fill-block.level-high {
- background-image: linear-gradient(to bottom,
- shade(@link_color, 1.2),
- shade(@link_color, 0.7));
+.level-bar.indicator-discrete.fill-block.horizontal:first-child {
+ border-radius: 2px 0 0 2px;
}
-level-bar.fill-block.level-low {
- background-image: linear-gradient(to bottom,
- shade(@warning_bg_color, 1.2),
- shade(@warning_bg_color, 0.7));
+.level-bar.indicator-discrete.fill-block.horizontal:last-child {
+ border-radius: 0 2px 2px 0;
}
-level-bar.fill-block.empty-fill-block {
- background-color: transparent;
+.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;
+}
+
+levelbar block.low {
+ border-color: shade(@warning_color, 0.80);
background-image: linear-gradient(to bottom,
- shade(@less_dark_color, 0.5),
- shade(@less_dark_color, 1.7));
+ shade(@warning_color, 1.3),
+ @warning_color 75%,
+ shade(@warning_color, 0.90));
+}
+
+levelbar block.high {
+ border-color: shade(@link_color, 0.85);
+ background-image: linear-gradient(to bottom,
+ shade(@link_color, 1.2),
+ @link_color 75%,
+ shade(@link_color, 0.95));
+}
+
+levelbar block.full {
+ border-color: shade(@link_color, 0.95);
+ background-image: linear-gradient(to bottom,
+ shade(@link_color, 1.2),
+ @link_color 75%,
+ shade(@link_color, 0.95));
+}
+
+levelbar block.empty {
+ border: 1px solid #2a76c6;
+ border-radius: 1px;
+ background-color: transparent;
+ border-color: rgba(46, 52, 54, 0.2);
+ box-shadow: none;
+}
+
+levelbar block.empty:backdrop {
+ border-color: rgba(139, 142, 143, 0.15);
}
/*************
@@ -900,29 +939,49 @@ notebook column-header button:hover {
border-color: @less_dark_color;
}
-notebook GtkScale.trough {
+notebook scale.horizontal trough {
background-image: linear-gradient(to bottom,
- shade(@less_dark_color, 0.5),
- shade(@less_dark_color, 1.7));
+ @less_dark_color,
+ @less_dark_color 35%,
+ shade(@less_dark_color, 0.5)35%,
+ shade(@less_dark_color, 1.7)65%,
+ @less_dark_color 65%,
+ @less_dark_color);
border-width: 0px;
+ border-radius: 2px;
+ margin: 8px 0;
}
-notebook GtkScale.trough.vertical {
+notebook scale.vertical trough {
background-image: linear-gradient(to right,
- shade(@less_dark_color, 0.5),
- shade(@less_dark_color, 1.7));
+ @less_dark_color,
+ @less_dark_color 35%,
+ shade(@less_dark_color, 0.5)35%,
+ shade(@less_dark_color, 1.7)65%,
+ @less_dark_color 65%,
+ @less_dark_color);
+ margin: 0 8px;
}
-notebook GtkScale.trough:disabled {
+notebook scale.horizontal trough {
background-image: linear-gradient(to bottom,
- shade(@less_dark_color, 0.85),
- shade(@less_dark_color, 1.4));
+ @less_dark_color,
+ @less_dark_color 35%,
+ shade(@less_dark_color, 0.85)35%,
+ shade(@less_dark_color, 1.4)65%,
+ @less_dark_color 65%,
+ @less_dark_color);
+ border-width: 0px;
}
-notebook GtkScale.trough.vertical:disabled {
- background-image: linear-gradient(to right,
- shade(@less_dark_color, 0.85),
- shade(@less_dark_color, 1.4));
+notebook scale trough.vertical:disabled {
+ background-image: linear-gradient(to right,
+ @less_dark_color,
+ @less_dark_color 35%,
+ shade(@less_dark_color, 0.85)35%,
+ shade(@less_dark_color, 1.4)65%,
+ @less_dark_color 65%,
+ @less_dark_color);
}
notebook progressbar.trough {
@@ -1099,17 +1158,55 @@ row {
border-width: 0px;
}
+.view .progressbar {
+ background-image: linear-gradient(-45deg,
+ alpha(@progressbar_pattern, 0.09),
+ alpha(@progressbar_pattern, 0.09) 25%,
+ transparent 25%,
+ transparent 50%,
+ alpha(@progressbar_pattern, 0.09) 50%,
+ alpha(@progressbar_pattern, 0.09) 75%,
+ transparent 75%,
+ transparent),
+ linear-gradient(to bottom,
+ @progressbar_background_a,
+ shade(@progressbar_background_b, 1.1) 25%,
+ @progressbar_background_b 43%,
+ shade(@progressbar_background_b, 1.08) 44%,
+ shade(@progressbar_background_a, 0.91));
+ border-style:solid;
+ border-width: 0px;
+ margin: 0px;
+}
+
+.view .trough{
+ border-style:solid;
+ border-width: 2px;
+ border-radius: 2px;
+ border-color:@theme_bg_color;
+ background-image: linear-gradient(to bottom,
+ shade(@theme_bg_color, 0.4),
+ @theme_bg_color 50%,
+ shade(@theme_bg_color, 1.8));
+}
+
/************
* GtkScale *
************/
- scale {
+
+scale,
+scale:hover,
+scale:disabled {
+ /* deprecated
-GtkScale-slider-length: 16;
-GtkRange-slider-width: 20;
- -GtkRange-trough-border: 0;
+ -GtkRange-trough-border: 0;*/
+ background-color:transparent;
+
}
- scale slider,
- scale slider:hover {
+scale slider,
+scale slider:hover {
border-width: 0px;
border-radius: 0px;
border-style: none;
@@ -1133,57 +1230,112 @@ scale slider.fine-tune.horizontal:active:hover {
background-position: center;
}
-scale trough {
+scale.horizontal trough {
background-image: linear-gradient(to bottom,
- shade(@theme_bg_color, 0.5),
- shade(@theme_bg_color, 1.7));
+ @theme_bg_color,
+ @theme_bg_color 35%,
+ shade(@theme_bg_color, 0.5)35%,
+ shade(@theme_bg_color, 1.7)65%,
+ @theme_bg_color 65%,
+ @theme_bg_color);
border-width: 0px;
border-radius: 2px;
- margin: 8px 0;
+ margin-left: 8px;
+ margin-right: 8px;
}
scale.vertical trough {
background-image: linear-gradient(to right,
- shade(@theme_bg_color, 0.5),
- shade(@theme_bg_color, 1.7));
- margin: 0 8px;
+ @theme_bg_color,
+ @theme_bg_color 35%,
+ shade(@theme_bg_color, 0.5)35%,
+ shade(@theme_bg_color, 1.7)65%,
+ @theme_bg_color 65%,
+ @theme_bg_color);
+ border-width: 0px;
+ border-radius: 2px;
+ margin-top: 8px;
+ margin-bottom: 8px;
}
-scale.highlight trough
-scale.highlight.vertical trough {
- background-image: none;
- border-color: @progressbar_border;
- background-color: @link_color;
+scale:disabled trough {
+ background-image: linear-gradient(to bottom,
+ @theme_bg_color,
+ @theme_bg_color 35%,
+ shade(@theme_bg_color, 0.85)35%,
+ shade(@theme_bg_color, 1.4)65%,
+ @theme_bg_color 65%,
+ @theme_bg_color);
+ border-width: 0px;
+ border-radius: 2px;
+ margin-left: 8px;
+ margin-right: 8px;
+}
+scale.vertical:disabled trough {
+ background-image: linear-gradient(to right,
+ @theme_bg_color,
+ @theme_bg_color 35%,
+ shade(@theme_bg_color, 0.5)35%,
+ shade(@theme_bg_color, 1.7)65%,
+ @theme_bg_color 65%,
+ @theme_bg_color);
+ margin-top: 8px;
+ margin-bottom: 8px;
}
- scale:disabled trough {
+scale.horizontal mark indicator {
+ background-color: shade(@theme_bg_color, 0.56);
+ min-height: 8px;
+ min-width: 1px;
+}
+scale.vertical mark indicator {
+ background-color: shade(@theme_bg_color, 0.56);
+ min-height: 1px;
+ min-width: 8px;
+}
+scale highlight,
+scale:hover highlight{
background-image: linear-gradient(to bottom,
- shade(@theme_bg_color, 0.85),
- shade(@theme_bg_color, 1.4));
+ @theme_bg_color,
+ @theme_bg_color 35%,
+ @link_color 35%,
+ @link_color 65%,
+ @theme_bg_color 65%,
+ @theme_bg_color);
+ border-color: @progressbar_border;
+ background-color: transparent;
}
- scale.vertical:disabled trough {
+scale.vertical highlight,
+scale.vertical:hover highlight{
background-image: linear-gradient(to right,
- shade(@theme_bg_color, 0.85),
- shade(@theme_bg_color, 1.4));
+ @theme_bg_color,
+ @theme_bg_color 35%,
+ @link_color 35%,
+ @link_color 65%,
+ @theme_bg_color 65%,
+ @theme_bg_color);
+ border-color: @progressbar_border;
+ background-color: transparent;
+}
+scale:disabled highlight {
+ background-color:transparent;
}
- scale progressbar {
+
+scale progress{
background-image: linear-gradient(to bottom,
shade(@theme_bg_color, 1.4),
shade(@theme_bg_color, 0.8));
border-radius: 3px;
}
- scale.vertical progressbar {
+scale.vertical progress {
background-image: linear-gradient(to right,
shade(@theme_bg_color, 1.4),
shade(@theme_bg_color, 0.8));
}
- scale mark {
- background-color: shade(@theme_bg_color, 0.56);
-}
/**************
* ComboBoxes *
@@ -1235,6 +1387,17 @@ combobox menu {
text-shadow: none;
}
+combobox button cellview:hover {
+ background-color:transparent;
+}
+
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ color: @menu_controls_color;
+ min-height: 16px;
+ min-width: 16px;
+}
+
/***********
* Buttons *
***********/
@@ -1425,14 +1588,15 @@ linkbutton button:active:hover {
scrollbar {
background-image: none;
border-style: solid;
- -GtkRange-trough-border: 0;
+ /*-GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: true;
-GtkScrollbar-has-forward-stepper: true;
-GtkRange-stepper-size: 16;
- -GtkRange-slider-width: 13;
- -GtkScrollbar-min-slider-length: 42; /* minimum size for the slider. sadly can't be in ' slider' where it belongs */
+ -GtkRange-slider-width: 13;
+ -GtkScrollbar-min-slider-length: 42;
-GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1;
+ deprecated*/
}
scrollbars-junction { /* the small square between scrollbars!!! */
@@ -1468,7 +1632,7 @@ scrollbar.horizontal trough {
}
scrollbar button,
-scrollbar.horizontal buttonl,
+scrollbar.horizontal button,
scrollbar.vertical button {
color: @theme_fg_color; /*@internal_element_color*/
border-image: none;
@@ -1476,6 +1640,8 @@ scrollbar.vertical button {
border-width: 0px;
background-image: none;
background-color: @less_dark_color;
+ min-width: 10px;
+ min-height: 10px;
}
scrollbar button:hover,
@@ -1488,6 +1654,8 @@ scrollbar button.vertical:hover {
border-image: none;
border-style: none;
border-width: 0px;
+ min-width: 10px;
+ min-height: 10px;
}
scrollbar button:hover:active,
@@ -1532,6 +1700,8 @@ scrollbar.vertical slider {
shade(@scroll_slider_color, 0.6),
shade(@scroll_slider_color, 1.6) 50%,
shade(@scroll_slider_color, 2.0));
+ min-width: 13px;
+ min-height: 42px;
}
scrollbar.horizontal slider {
@@ -1540,6 +1710,8 @@ scrollbar.horizontal slider {
shade(@scroll_slider_color, 0.6),
shade(@scroll_slider_color, 1.6) 50%,
shade(@scroll_slider_color, 2.0));
+ min-height: 13px;
+ min-width: 42px;
}
scrollbar slider:hover {