summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2016-04-17 21:13:47 +0200
committerraveit65 <[email protected]>2016-04-17 21:13:47 +0200
commit5d17fb787f481a234b093f4f48a016a30dd0d58d (patch)
tree488aa904bd6a51701b7c9ee41c420f26b7c0d449
parentc6391014f261ce7a0d355d9bb93b556dc78d4be7 (diff)
downloadmate-themes-5d17fb787f481a234b093f4f48a016a30dd0d58d.tar.bz2
mate-themes-5d17fb787f481a234b093f4f48a016a30dd0d58d.tar.xz
Gtk+-3.20 GreenLaguna: fine tuning part-3......
- fix text selection in entry - re-work scrollbars - adjust menus - remove frame color from statusbar and reduce the size
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css363
1 files changed, 182 insertions, 181 deletions
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index 30bb709c..dc9c384c 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -510,12 +510,14 @@ entry:focus {
inset -1px -1px alpha(@theme_selected_bg_color, 0.2);
}
-entry:selected {
+entry:selected,
+entry selection {
background-color: shade(@theme_selected_bg_color, 1.0);
color: @theme_selected_fg_color;
}
-entry:selected:focus {
+entry:selected:focus,
+entry selection:focus {
background-color: shade(@theme_selected_bg_color, 0.8);
}
@@ -1859,146 +1861,144 @@ spinbutton.vertical button:last-child {
/**************
* Scrollbars *
**************/
+
scrollbar {
background-image: none;
- border-style: solid;
-/* -GtkRange-trough-border: 0;
- -GtkRange-arrow-scaling: 0.5;
- -GtkRange-slider-width: 12;
- -GtkRange-stepper-size: 16;
- -GtkScrollbar-min-slider-length: 34; *//* minimum size for the slider. sadly can't be in '.slider' where it belongs */
+ border-style: none;
+ -GtkScrollbar-has-backward-stepper: true;
+ -GtkScrollbar-has-forward-stepper: true;
+ -GtkScrollbar-activate-slider: 1;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+}
-/* -GtkRange-stepper-spacing: 0;
- -GtkRange-trough-under-steppers: 0;*/
+scrollbar.vertical {
+ border-width: 0px;
+ min-width: 10px;
}
-scrollbar.vertical trough {
+scrollbar.horizontal {
+ border-width: 0px;
+ min-height: 10px;
+}
+
+scrollbar trough {
background-color: shade(@theme_bg_color, 0.95);
background-image: none;
border-style: solid;
- border-width: 1px;
- border-top: 0px;
- border-bottom: 0px;
border-color: shade(@theme_bg_color, 0.75);
border-radius: 0px;
}
-scrollbar.horizontal trough {
+scrollbar trough:hover {
background-color: shade(@theme_bg_color, 0.95);
- background-image: none;
- border-style: solid;
- border-width: 1px;
- border-left: 0px;
- border-right: 0px;
- border-color: shade(@theme_bg_color, 0.75);
- border-radius: 0px;
+}
+
+scrollbar.vertical trough {
+ min-width: 13px;
+ border-width: 0px 0px 0px 1px;
+}
+
+scrollbar.horizontal trough {
+ min-height: 13px;
+ border-width: 1px 0px 0px 0px;
}
scrollbar slider {
- background-color: transparent;
- background-image: linear-gradient(to top,
- shade(@toolbar_gradient_base, 0.82),
- white);
+ border-width: 1px;
+ border-radius: 6px;
+ border-style: solid;
border-color: transparent;
- border-radius: 5px;
- border-width: 3px 2px 3px;
- border-image: none;
}
scrollbar.vertical slider {
- border-width: 1px;
- border-radius: 6px;
+ min-width: 11px;
+ min-height: 31px;
background-image: linear-gradient(to top,
shade(@toolbar_gradient_base, 0.82),
white);
}
scrollbar.horizontal slider {
- border-width: 1px;
- border-radius: 6px;
+ min-width: 31px;
+ min-height: 13px;
background-image: linear-gradient(to left,
shade(@toolbar_gradient_base, 0.82),
white);
}
-scrollbar slider:hover {
- background-image: linear-gradient(to top,
- shade(@toolbar_gradient_base, 0.88),
- shade(@theme_bg_color, 1.6));
- border-width: 1px;
+scrollbar slider:hover,
+scrollbar slider:hover:active {
border-color: shade(@button_border, 1.1);
- border-radius: 6px;
}
scrollbar.vertical slider:hover {
background-image: linear-gradient(to top,
shade(@toolbar_gradient_base, 0.88),
shade(@theme_bg_color, 1.6));
- border-width: 1px;
- border-color: shade(@button_border, 1.1);
- border-radius: 6px;
}
scrollbar.horizontal slider:hover {
background-image: linear-gradient(to left,
shade(@toolbar_gradient_base, 0.88),
shade(@theme_bg_color, 1.6));
- border-width: 1px;
- border-color: shade(@button_border, 1.1);
- border-radius: 6px;
-}
-
-scrollbar slider:hover:active {
- border-width: 1px;
- border-color: shade(@button_border, 1.1);
- border-radius: 6px;
- background-image: linear-gradient(to top,
- shade(@theme_bg_color, 1.5),
- shade(@theme_bg_color, 0.9));
- border-color: shade(@button_border, 1.1);
}
scrollbar.vertical slider:hover:active {
- border-width: 1px;
- border-color: shade(@button_border, 1.1);
- border-radius: 6px;
background-image: linear-gradient(to top,
shade(@theme_bg_color, 1.5),
shade(@theme_bg_color, 0.9));
}
scrollbar.horizontal slider:hover:active {
- border-width: 1px;
- border-color: shade(@button_border, 1.1);
- border-radius: 6px;
background-image: linear-gradient(to left,
shade(@theme_bg_color, 1.5),
shade(@theme_bg_color, 0.9));
}
-scrollbar button,
-scrollbar button.vertical {
- color: @theme_fg_color; /*@internal_element_color*/
- border-image: none;
- border-style: solid;
- border-color: shade(@theme_bg_color, 0.75);
- border-radius: 0px;
- border-width: 1px;
- border-top: 0px;
- border-bottom: 0px;
+scrollbar slider:disabled {
background-image: none;
- background-color: shade(@theme_bg_color, 0.9);
+ background-color: @insensitive_bg_color;
+}
+
+scrollbar slider.fine-tune:hover:active {
+ background-image: url("assets/slider_fine_horizontal.svg"),
+ linear-gradient(to top,
+ shade(@theme_bg_color, 1.5),
+ shade(@theme_bg_color, 0.9));
+ background-repeat: no-repeat;
+ background-position: center;
}
+scrollbar.vertical slider.fine-tune:hover:active {
+ background-image: url("assets/slider_fine_vertical.svg"),
+ linear-gradient(to left,
+ shade(@theme_bg_color, 1.5),
+ shade(@theme_bg_color, 0.9));
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+/* Buttons */
+scrollbar.vertical button {
+ min-width:13px;
+ min-height: 16px;
+ padding: 0px;
+}
+
+scrollbar.horizontal button {
+ min-width:16px;
+ min-height: 13px;
+ padding: 0px;
+}
+
+scrollbar button,
+scrollbar button.vertical,
scrollbar button.horizontal {
- color: @theme_fg_color; /*@internal_element_color*/
+ color: @theme_fg_color;
border-image: none;
border-style: solid;
border-color: shade(@theme_bg_color, 0.75);
border-radius: 0px;
- border-width: 1px;
- border-left: 0px;
- border-right: 0px;
background-image: none;
background-color: shade(@theme_bg_color, 0.9);
}
@@ -2006,60 +2006,59 @@ scrollbar button.horizontal {
scrollbar button:hover,
scrollbar button.horizontal:hover,
scrollbar button.vertical:hover {
- background-image: none;
- background-color: shade(@theme_bg_color, 0.95);
- color: @theme_fg_color;
+ color: @theme_selected_bg_color;
+ border-image: none;
}
scrollbar button:hover:active,
scrollbar button.horizontal:hover:active {
- background-image: linear-gradient(to top,
- shade(@theme_bg_color, 1.6),
- shade(@toolbar_gradient_base, 0.88));
- border-image: none;
- color: @theme_fg_color;
- border-image: none;
- border-style: none;
- border-width: 0px;
+ background-image: linear-gradient(to top,
+ shade(@theme_bg_color, 1.6),
+ shade(@toolbar_gradient_base, 0.88));
+ color: @theme_selected_bg_color;
+ border-image: none;
}
scrollbar button.vertical:hover:active {
- background-image: linear-gradient(to left,
- shade(@theme_bg_color, 1.6),
- shade(@toolbar_gradient_base, 0.88));
+ background-image: linear-gradient(to left,
+ shade(@theme_bg_color, 1.6),
+ shade(@toolbar_gradient_base, 0.88));
+ color: @theme_selected_bg_color;
+ border-image: none;
}
scrollbar button:disabled {
- background-image: none;
- background-color: @insensitive_bg_color;
- color: @insensitive_fg_color;
- border-radius: 0px;
- border-width: 0px;
+ background-image: none;
+ background-color: @insensitive_bg_color;
+ border-color: @insensitive_border_color;
+ color: @insensitive_fg_color;
}
-scrollbar slider:disabled {
- background-image: none;
- background-color: shade(@theme_bg_color, 1.5);
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+ -gtk-icon-effect: highlight;
+ border-width: 0px 0px 0px 1px;
}
-scrollbar slider.fine-tune:hover:active {
- background-image: url("assets/slider_fine_horizontal.svg"),
- linear-gradient(to top,
- shade(@theme_bg_color, 1.5),
- shade(@theme_bg_color, 0.9));
- background-repeat: no-repeat;
- background-position: center;
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-effect: highlight;
+ border-width: 0px 0px 0px 1px;
}
-scrollbar.vertical slider.fine-tune:hover:active {
- background-image: url("assets/slider_fine_vertical.svg"),
- linear-gradient(to left,
- shade(@theme_bg_color, 1.5),
- shade(@theme_bg_color, 0.9));
- background-repeat: no-repeat;
- background-position: center;
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+ -gtk-icon-effect: highlight;
+ border-width: 1px 0px 0px 0px;
}
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ -gtk-icon-effect: highlight;
+ border-width: 1px 0px 0px 0px;
+}
+
+
/*********
* Menus *
*********/
@@ -2073,40 +2072,22 @@ menubar {
padding: 0px;
color: @theme_text_color;
-GtkWidget-window-dragging: true;
- /*-GtkMenuBar-internal-padding: 0;*/
}
menubar menuitem {
+ min-height: 20px;
-gtk-icon-style: regular;
transition: all 300ms ease-out;
padding: 3px 7px;
}
-menu menuitem {
- padding: 3px 4px;
-}
-
-menubar menu menuitem {
- transition: none;
-}
-
-menubar menuitem,
-menu menuitem {
+menubar > menuitem {
border-width: 0px;
border-style: none;
background-color: transparent;
}
-menu menuitem,
-menu menuitem image {
- color: @theme_selected_fg_color;
-}
-
-menu menuitem image:hover {
- color: @theme_fg_color;
-}
-
-menubar menuitem:hover {
+menubar > menuitem:hover {
background-image: none;
background-color: shade(@theme_selected_bg_color, 1.1);
border-style: none;
@@ -2114,33 +2095,42 @@ menubar menuitem:hover {
/* join menuitem to menu */
border-radius: 3px 3px 0px 0px;
border-width: 0px;
+ color: @theme_selected_fg_color;
}
-menubar menuitem:disabled {
+menubar > menuitem:disabled {
color: @theme_fg_color;
}
-menubar menuitem:hover {
- color: @theme_selected_fg_color;
-}
-
-menu,
-menubar menu,
-menuitem menu {
- background-color: shade(@theme_selected_bg_color, 0.8);
- background-image: linear-gradient(to bottom,
- shade(@theme_selected_bg_color, 1.1),
+menu {
+ background-color: transparent;
+ background-image: linear-gradient(to right,
+ shade(@theme_selected_bg_color, 1.0),
shade(@theme_selected_bg_color, 0.65));
-
+ transition: none;
border-style: none;
border-width: 0px;
border-radius: 0px;
- padding: 1px;
}
-menuitem {
-/* -GtkMenuItem-arrow-scaling: 0.5;*/
- padding: 2px 0px;
+menu > menuitem {
+ min-height: 22px;
+ transition: all 300ms ease-out;
+ background-color: transparent;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 0px;
+ padding: 4px;
+}
+
+menu > menuitem,
+menu > menuitem > image {
+ color: @theme_selected_fg_color;
+}
+
+menu > menuitem > image:hover {
+ color: @theme_fg_color;
}
/* scroll arrows */
@@ -2168,32 +2158,28 @@ menuitem.button:disabled {
menuitem:hover,
menu menuitem:hover {
+ background-color: transparent;
background-image: linear-gradient(to bottom,
shade(@theme_selected_bg_color, 1.6),
shade(@theme_selected_bg_color, 0.6));
- color: @theme_text_color;
+ color: @theme_selected_fg_color;
border-style: solid;
border-width: 1px;
border-radius: 3px;
border-image: url("assets/menu-border.svg") 2 / 2px stretch;
- /*border-color: alpha(@theme_selected_bg_color, 0.1);*/
-}
-
-menuitem:hover,
-menu menuitem:hover {
- color: @theme_text_color;
}
menu menuitem:disabled {
+ background-color: transparent;
+ border-color: transparent;
color: @insensitive_fg_color;
}
-menuitem separator {
- padding: 4px;
- border-style: none;
- border-color: @theme_selected_bg_color;
-/* -GtkMenuItem-horizontal-padding: 0;
- -GtkWidget-separator-height: 1;*/
+menu separator {
+ min-height: 1px;
+ background-image: linear-gradient(to bottom,
+ shade(@theme_selected_bg_color, 1.05),
+ shade(@theme_selected_bg_color, 1.05));
}
menuitem accelerator,
@@ -2208,17 +2194,32 @@ menu menuitem accelerator:active {
color: alpha(@theme_text_color, 0.45);
}
-/* menu radio and check items are drawn differently */
-menuitem radio,
-menuitem radio:hover,
-menuitem radio:disabled,
-menuitem check,
-menuitem check:hover,
-menuitem check:disabled {
- background-color: transparent;
- background-image: none;
- border-style: none;
- border-image: none;
+window.background.popup menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+ margin-left: 10px;
+ color: @menu_fg_color;
+}
+
+window.background.popup menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+window.background.popup menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+window.background.popup menu arrow.top {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+window.background.popup menu arrow.bottom {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+window.background.popup menu arrow:hover {
+ border-color: @theme_selected_fg_color;
+ color: shade (@theme_selected_bg_color, 1.6);
}
/************
@@ -2915,6 +2916,7 @@ popover button.default.suggested-action.text-button:hover {
shade (@theme_bg_color, 1.50),
shade (@theme_bg_color, 1.0));
border-radius: 7px 7px 0 0;
+ padding: 3px;
}
.tiled .titlebar {
@@ -3167,19 +3169,18 @@ list row:selected switch slider:checked {
border-color: shade(@button_border, 1.0);
}
+/*****************
+ * GtkSStatusBar *
+ *****************/
+
statusbar {
- padding: 5px;
+ padding: 0px;
color: @theme_fg_color;
-/* -GtkStatusbar-shadow-type: none;*/
font-size: smaller;
}
-statusbar .frame {
- background-image: none;
- /* gtk-3.12 */
- background-color: transparent;
- padding: 0px;
- border-width: 0;
+statusbar frame {
+ border-style: none;
}
scrolledwindow,