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
author: raveit65 <[email protected]> 2016-04-17 21:13:47 +0200
committer: raveit65 <[email protected]> 2016-04-17 21:14:22 +0200
commit: 57a008bc19952590473eedfb83107015d7932d62 (patch)
tree: 488aa904bd6a51701b7c9ee41c420f26b7c0d449 /desktop-themes/GreenLaguna
parent: 12614f133ba17a83c117beb2c78cbc3855abc044 (diff)
download: mate-themes-57a008bc19952590473eedfb83107015d7932d62.tar.bz2
mate-themes-57a008bc19952590473eedfb83107015d7932d62.tar.xz
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,
author	raveit65 <[email protected]>	2016-04-17 21:13:47 +0200
committer	raveit65 <[email protected]>	2016-04-17 21:14:22 +0200
commit	57a008bc19952590473eedfb83107015d7932d62 (patch)
tree	488aa904bd6a51701b7c9ee41c420f26b7c0d449 /desktop-themes/GreenLaguna
parent	12614f133ba17a83c117beb2c78cbc3855abc044 (diff)
download	mate-themes-57a008bc19952590473eedfb83107015d7932d62.tar.bz2 mate-themes-57a008bc19952590473eedfb83107015d7932d62.tar.xz