GTK+-3.20 GreenLaguna: fine tunning part-7

- adjust base and bg colors, more green :) - improve button border-images during transitions effect - sync backgrounds colors of views, treeviews and reduce double borders - remove style sets from notebook button.flat - sync hover state of treeviews and list rows - re-work menus and add mad fixes for broken firefox - sync size of buttons in headerbar - fixes for popover menus - first adjustments for infobars - sync sidebars - sync filebrowsers views
author: raveit65 <[email protected]> 2016-04-21 01:16:41 +0200
committer: raveit65 <[email protected]> 2016-04-21 01:17:43 +0200
commit: 16e273ef9c668bc96df362778544652acf880a69 (patch)
tree: 63e13f4260556ea947366f604d0c3e05c2b16775
parent: 2490a0a50d734840826d96ca63842e848dedd822 (diff)
download: mate-themes-16e273ef9c668bc96df362778544652acf880a69.tar.bz2
mate-themes-16e273ef9c668bc96df362778544652acf880a69.tar.xz
6 files changed, 362 insertions, 289 deletions
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css
index ae78d402..93efdcc2 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-main.css
@@ -1,7 +1,7 @@
 /* Default color scheme */
 
-@define-color base_color #E9EFE7; /* used by some apps */
-@define-color bg_color #E9EFE7;
+@define-color base_color #E6EFE3; /* used by some apps */
+@define-color bg_color #E6EFE3;
 @define-color text_color #000000;
 @define-color fg_color #000000;
 @define-color selected_bg_color #70816A;
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css
index 9b6d1e4f..f38c383e 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets-assets.css
@@ -73,60 +73,40 @@ button {
 
 button:hover,
 button:checked,
-button:hover:active
+button:hover:active,
+toolbar button:hover,
+toolbar button:checked,
+toolbar button:hover:active,
+toolbar.primary-toolbar button:hover,
+toolbar.primary-toolbar button:checked,
+toolbar.primary-toolbar button:hover:active,
 list row button:hover,
 list row button:selected,
 list row button:selected:hover {
- border-image: url("assets/button-active-border.svg") 3 / 3px stretch;
+ border-image: url("assets/button-active-border.svg") 3 3 3 3 / 3px 3px 3px 3px stretch;
 }
 
 button.default {
- border-image: url("assets/button-default-border.svg") 3 / 3px stretch;
+ border-image: url("assets/button-default-border.svg") 3 3 3 3 / 3px 3px 3px 3px stretch;
 }
 
 button.default:hover,
 button.default:checked {
- border-image: url("assets/button-default-active-border.svg") 3 / 3px stretch;
-}
-
-toolbar button:checked,
-toolbar.primary-toolbar button:checked,
-toolbar combobox button,
-toolbar.primary-toolbar combobox button /*,
-toolbar button:hover:active */ {
- border-image: url("assets/toolbar-button-border.svg") 3 / 3px stretch;
-}
-
-toolbar button:hover,
-toolbar.primary-toolbar button:hover,
-.header-bar.frame.titlebar button.image-button.titlebutton:hover,
-button.text-button.titlebutton:hover,
-toolbar button:hover:active,
-toolbar button:hover:first-child,
-toolbar.primary-toolbar button:hover:first-child,
-.header-bar.frame.titlebar button.image-button.titlebutton:hover:first-child,
-button.text-button.titlebutton:hover:first-child,
-toolbar button:hover:active:first-child,
-toolbar button:hover:last-child,
-toolbar.primary-toolbar button:hover:last-child,
-.header-bar.frame.titlebar button.image-button.titlebutton:hover:last-child,
-button.text-button.titlebutton:hover:last-child,
-toolbar button:hover:active:last-child {
- border-image: url("assets/button-active-border.svg") 3 / 3px stretch;
+ border-image: url("assets/button-default-active-border.svg") 3 3 3 3 / 3px 3px 3px 3px stretch;
 }
 
 /* overrride for osd */
 toolbar.osd button:hover,
-toolbar.osd button:active,
+toolbar.osd button:checked,
 toolbar.osd button:hover:first-child,
-toolbar.osd button:active:first-child,
+toolbar.osd button:checked:first-child,
 toolbar.osd button:hover:last-child,
-toolbar.osd button:active:last-child {
+toolbar.osd button:checked:last-child {
 border-image: none;
 }
 
 switch:checked {
- border-image: url("assets/switch-trough-border-active.svg") 3 / 3px stretch;
+ border-image: url("assets/switch-trough-border-active.svg") 3 3 3 3 / 3px 3px 3px 3px stretch;
 }
 
 popover.scale-popup button.flat.image-button:disabled {
@@ -138,11 +118,11 @@ popover.scale-popup button.flat.image-button:disabled {
 
 popover.scale-popup button.flat.image-button {
 background-image: none;
- border-image: url("assets/button-border.svg") 3 / 3px stretch;
+ border-image: url("assets/button-border.svg") 3 3 3 3 / 3px 3px 3px 3px stretch;
 }
 
 popover.scale-popup button.flat.image-button:hover {
- border-image: url("assets/button-active-border.svg") 3 / 3px stretch;
+ border-image: url("assets/button-active-border.svg") 3 3 3 3 / 3px 3px 3px 3px stretch;
 -gtk-icon-effect: highlight;
 }
 
@@ -271,7 +251,3 @@ radio row:selected:focus:indeterminate:disabled {
 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.svg"));
 }
 
-/*.menuitem:active,
-.menuitem:hover {
- border-image: url("assets/menu-border.svg") 2 / 2px stretch;
-}*/
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index 0b0bd955..6f19f223 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -40,6 +40,7 @@
 ***************/
 .background {
 color: @theme_fg_color;
+ text-shadow: none;
 background-color: @theme_bg_color;
 border-style: none;
 border-width: 0px;
@@ -52,18 +53,21 @@
 }
 
 *:hover {
-/* background-color: shade(@theme_bg_color, 1.02);*/
- color: @theme_fg_color;
+/* background-color: shade(@theme_bg_color, 1.02);
+ color: @theme_fg_color;*/
+ text-shadow: none;
 }
 
 *:selected {
-/* background-color: shade(@theme_selected_bg_color, 1.23);*/
- color: @theme_selected_fg_color;
+/* background-color: shade(@theme_selected_bg_color, 1.23);
+ color: @theme_selected_fg_color;*/
+ text-shadow: none;
 }
 
 *:selected:focus {
-/* background-color: @theme_selected_bg_color;*/
- color: @theme_selected_fg_color;
+/* background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;*/
+ text-shadow: none;
 }
 
 *:selected:backdrop {
@@ -74,8 +78,8 @@
 *:disabled {
 /* no need to a different background */
 /* background-color: @theme_bg_color; *//*@insensitive_bg_color;*/
- color: @insensitive_fg_color;
- border-color: @insensitive_border_color;
+/* color: @insensitive_fg_color;
+ border-color: @insensitive_border_color;*/
 }
 
 *:active {
@@ -112,26 +116,29 @@
 * Tooltips *
 ************/
 
-tooltip {
- padding: 4px;
- border-style: none;
- border-radius: 3px;
-}
-
+tooltip,
 tooltip.background {
- background-image: linear-gradient(to left,
+ padding: 3px;
+ border-style: solid;
+ border-width: 1px;
+ border-color: @theme_fg_color;
+ border-radius: 3px;
+ background-image: linear-gradient(to left,
 shade(@theme_selected_bg_color, 1.1),
 shade(@theme_selected_bg_color, 0.65));
- color: @theme_selected_fg_color;
+ color: @theme_selected_fg_color;
 }
 
 tooltip decoration {
- background-color: transparent;
+ background-color: alpha(@theme_selected_bg_color, 0.55);
+ border-style: none;
+ border-width: 0px;
+ border-color: alpha(@theme_fg_color, 0.85);
+ border-radius: 3px;
 }
 
 tooltip * {
- background-color: transparent;
- color: @theme_selected_fg_color;
+ padding: 3px;
 }
 
 /*****************
@@ -356,11 +363,13 @@ undershoot.right {
 view,
 .view,
 .view.frame,
-.view:disabled {
- background-color: shade(@base_color, 1.06);
+.view:disabled,
+iconview.view,
+viewport.frame {
+ background-color: shade(@base_color, 1.04);
 color: @theme_text_color;
 border-radius: 0px;
- /*border-width: 3px;*/
+ padding: 0px;
 }
 
 view:selected,
@@ -389,29 +398,51 @@ view:selected:focus,
 textview text,
 textview.view:disabled,
 calendar.view,
-iconview.view,
 dialog .view,
 dialog view {
 background-color: @theme_main_color;
 color: @theme_text_color;
 }
 
-iconview.view:selected,
-iconview.view:selected:hover {
- background-color: shade(@theme_selected_bg_color, 1.0);
- color: @theme_selected_fg_color;
- border-radius: 4px;
+textview text selection,
+textview text selection:focus {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
-iconview.view:hover {
- background-color: shade(@theme_selected_bg_color, 1.8);
+/* ie. mate-appearance-properties */
+iconview.view {
+ background-color: shade(@base_color, 1.04);
 color: @theme_text_color;
- border-radius: 4px;
+ border-radius: 0px;
 }
 
-textview text selection, textview text selection:focus {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
+iconview.view:selected,
+iconview.view:selected:focus,
+iconview.view:selected:hover,
+iconview.view:selected:focus:hover {
+ background-color: alpha(@theme_selected_bg_color, 0.35);
+ border-style: solid;
+ border-width: 2px;
+ border-radius: 12px;
+ border-color: alpha(@theme_selected_bg_color, 0.75);
+ color: @theme_text_color;
+}
+
+iconview.view:hover,
+iconview.view:hover:focus {
+ background-color: alpha(@theme_selected_bg_color, 0.15);
+ border-style: solid;
+ border-width: 2px;
+ border-radius: 12px;
+ border-color: alpha(@theme_selected_bg_color, 0.35);
+}
+
+/* ie. caja bg properties left side button area */
+viewport {
+ background-color: shade(@theme_bg_color, 1.00);
+ border-radius: 0px;
+ padding: 0px;
 }
 
 /* for firefox and probably other apps */
@@ -423,7 +454,7 @@ label selection:hover {
 color: @theme_selected_fg_color;
 }
 
-label:disabled:selected,
+label:selected:disabled,
 label selection:disabled {
 color: @insensitive_fg_color;
 }
@@ -739,12 +770,6 @@ progressbar.vertical trough {
 * Frames *
 **********/
 
-frame,
-calendar {
- padding: 2px;
-}
-
-.frame,
 frame {
 background-color: shade(@base_color, 1.02);
 color: lighter (@theme_fg_color);
@@ -752,7 +777,7 @@ frame {
 border-width: 1px;
 border-radius: 3px;
 border-color: alpha(@frame_color, 0.6);
- padding: 2px;
+ padding: 0px;
 }
 
 .frame.flat
@@ -760,11 +785,7 @@ frame.flat {
 border-style: none;
 }
 
-action-bar.frame {
- padding: 6px;
- border-width: 1px 0 0;
-}
-
+/*scrolledwindow,*/
 scrolledwindow.frame {
 -gtk-icon-style: regular;
 border-style: solid;
@@ -779,13 +800,6 @@ scrolledwindow viewport.frame {
 border-style: none;
 }
 
-/* remove useless paddings */
-stack frame,
-stacksidebar.sidebar > scrolledwindow,
-stacksidebar.sidebar > scrolledwindow > viewport.frame {
- padding: 0px;
-}
-
 /***************
 * GtkLevelBar *
 ***************/
@@ -918,16 +932,6 @@ notebook header.right {
 box-shadow: inset 1px 0px alpha(shade(@button_border, 1.00), 0.90);
 }
 
-/*
-paned.horizontal notebook .frame {
- border-style: none;
-}
-
-notebook.arrow:disabled {
- color: transparent;
-}
-*/
-
 notebook header tab {
 border-color: transparent;
 border-width: 0px;
@@ -955,14 +959,14 @@ paned.horizontal > box.vertical > notebook > header.top,
 paned.horizontal > paned.vertical > notebook > header.top {
 border-style: solid;
 border-color: @notebook_border;
- border-width: 1px 1px 1px 1px;
+ border-width: 1px 0px 0px 1px;
 border-radius: 3px 3px 0px 0px;
 box-shadow: none;
 }
 
 paned.horizontal > box.vertical > notebook scrolledwindow.frame,
 paned.horizontal > paned.vertical > notebook scrolledwindow.frame {
- border-width: 0px 1px 1px 1px;
+ border-width: 1px 1px 1px 1px;
 border-style: solid;
 border-color: @notebook_border;
 }
@@ -1210,6 +1214,7 @@ notebook.frame > header > button.flat.toggle.image-button.popup.circular {
 border-image: none;
 }
 
+notebook button.flat,
 notebook > header button.flat,
 notebook > header button.flat.small-button {
 padding: 0px;
@@ -1285,7 +1290,7 @@ notebook paned separator.vertical {
 
 treeview,
 treeview.view {
- background-color: shade(@theme_bg_color, 1.06);
+ background-color: shade(@theme_bg_color, 1.04);
 -GtkTreeView-vertical-separator: 0;
 }
 
@@ -1336,6 +1341,14 @@ treeview header button label {
 padding: 0px 4px 0px 4px;
 }
 
+/* row as a separator, are there separators here with 3.20 ?*/
+treeview.view separator,
+treeview.view separator:hover {
+ min-height: 1px;
+ color: shade(@theme_bg_color, 0.87);
+ background-color: shade(@theme_bg_color, 0.87);
+}
+
 row {
 border-width: 0px;
 min-height: 22px;
@@ -1353,18 +1366,19 @@ list row.activatable {
 
 list row.activatable:selected,
 list row.activatable:selected:hover {
- color: @theme_fg_color;
 background-color: transparent;
- background-image: linear-gradient(to bottom,
- @button_gradient_color_a,
- @button_gradient_color_b);
+ background-image: linear-gradient(to bottom,
+ shade(@theme_selected_bg_color, 1.3),
+ shade(@theme_selected_bg_color, 0.73));
+ color: @theme_selected_fg_color;
 }
 
 list row.activatable:hover {
 background-color: transparent;
- background-image: linear-gradient(to bottom,
- @button_hover_gradient_color_a,
- @button_hover_gradient_color_b);
+ background-image: linear-gradient(to bottom,
+ shade(@theme_selected_bg_color, 1.8),
+ shade(@theme_selected_bg_color, 1.53));
+ color: shade (@theme_fg_color, 1.0);
 }
 
 list row.activatable label {
@@ -1684,7 +1698,6 @@ button.default {
 
 /* ie. mate-control-center */
 button.flat {
- transition: all 800ms ease-out;
 padding: 0px;
 border-color: transparent;
 background-color: transparent;
@@ -2099,7 +2112,8 @@ scrollbar.horizontal button.down {
 *********/
 
 /* this controls the general appearance of the menubar */
-menubar {
+menubar,
+.menubar {
 background-image: none;
 background-color: @theme_bg_color;
 border-width: 0px;
@@ -2109,20 +2123,32 @@ menubar {
 -GtkWidget-window-dragging: true;
 }
 
-menubar menuitem {
+menubar > menuitem,
+.menubar > menuitem {
 min-height: 20px;
 -gtk-icon-style: regular;
 transition: all 300ms ease-out;
 padding: 3px 7px;
-}
-
-menubar > menuitem {
 border-width: 0px;
 border-style: none;
 background-color: transparent;
 }
 
-menubar > menuitem:hover {
+/* needed for broken firefox, valid transition effects breaks hover state here */
+menubar:hover {
+ background-image: none;
+ background-color: shade(@theme_selected_bg_color, 1.1);
+ border-style: none;
+ border-image: none;
+ /* join menuitem to menu */
+ border-radius: 3px 3px 0px 0px;
+ border-width: 0px;
+ color: @theme_selected_fg_color;
+ transition: none;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
 background-image: none;
 background-color: shade(@theme_selected_bg_color, 1.1);
 border-style: none;
@@ -2133,11 +2159,13 @@ menubar > menuitem:hover {
 color: @theme_selected_fg_color;
 }
 
-menubar > menuitem:disabled {
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
 color: @theme_fg_color;
 }
 
-menu {
+menu,
+.menu {
 background-color: transparent;
 background-image: linear-gradient(to right,
 shade(@theme_selected_bg_color, 1.0),
@@ -2148,9 +2176,10 @@ menu {
 border-radius: 0px;
 }
 
-menu > menuitem {
+/* needed for broken firefox, valid transition effects breaks hover state here */
+.menuitem {
 min-height: 22px;
- transition: all 300ms ease-out;
+ transition: none;
 background-color: transparent;
 border-color: transparent;
 border-style: solid;
@@ -2159,102 +2188,157 @@ menu > menuitem {
 padding: 4px;
 }
 
-menu > menuitem,
-menu > menuitem > image {
- color: @theme_selected_fg_color;
-}
-
-menu > menuitem > image:hover {
- color: @theme_fg_color;
-}
-
-/* scroll arrows */
-menuitem.button {
- border-image: none;
- color: @theme_main_color;
- /*border-color: shade(@theme_selected_bg_color, 0.8);*/
- background-image: linear-gradient(to bottom,
- shade(@theme_selected_bg_color, 1.3),
- shade(@theme_selected_bg_color, 0.5));
-}
-
-menuitem.button:hover {
- /*border-color: shade(@theme_selected_bg_color, 0.8);*/
- background-image: linear-gradient(to bottom,
- @theme_bg_color,
- shade(@theme_bg_color, 0.80));
-}
-
-menuitem.button:disabled {
- background-image: none;
+menu menuitem,
+.menu menuitem {
+ min-height: 22px;
+ transition: all 300ms ease-out;
 background-color: transparent;
- border-style: none;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 0px;
+ padding: 4px;
+ color: @theme_selected_fg_color;
 }
 
-menuitem:hover,
-menu menuitem:hover {
+menu 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_selected_fg_color;
+ shade(@theme_selected_bg_color, 1.4),
+ shade(@theme_selected_bg_color, 0.8));
+ color: @theme_fg_color;
 border-style: solid;
 border-width: 1px;
 border-radius: 3px;
 border-image: url("assets/menu-border.svg") 2 / 2px stretch;
 }
 
-menu menuitem:disabled {
+menu menuitem:disabled,
+.menu menuitem:disabled {
 background-color: transparent;
 border-color: transparent;
 color: @insensitive_fg_color;
 }
 
-menu separator {
+menu separator,
+.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 arrow {
+ min-height: 16px;
+ min-width: 16px;
+ margin-left: 10px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+menu > arrow.top,
+.menu > arrow.top {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/* settings for 4 menu level, this is needed to override the menuitem:hover
+ state from previous menu level, as GtkArrow itself don't support states.
+ thanks gtk+ devs for this madness */
+menu > menuitem > arrow,
+menu > menuitem:hover menu > menuitem arrow,
+menu > menuitem:hover menu > menuitem:hover menu > menuitem arrow,
+menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem arrow,
+menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem arrow,
+.menu > menuitem > arrow,
+.menu > menuitem:hover .menu > menuitem arrow,
+.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem arrow,
+.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem arrow,
+.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem arrow {
+ -gtk-icon-shadow: 0px 1px shade (@theme_fg_color, 0.8),
+ 1px 0px shade (@theme_fg_color, 0.8),
+ -1px 0px shade (@theme_fg_color, 0.8),
+ 0px -1px shade (@theme_fg_color, 0.8);
+}
+
+menu > menuitem:hover > arrow,
+menu > menuitem:hover menu > menuitem:hover arrow,
+menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover arrow,
+menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover arrow,
+menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover menu > menuitem:hover arrow,
+.menu > menuitem:hover > arrow,
+.menu > menuitem:hover .menu > menuitem:hover arrow,
+.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover arrow,
+.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover arrow,
+.menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover .menu > menuitem:hover arrow {
+ -gtk-icon-shadow: 0px 1px shade (@theme_selected_fg_color, 0.8),
+ 1px 0px shade (@theme_selected_fg_color, 0.8),
+ -1px 0px shade (@theme_selected_fg_color, 0.8),
+ 0px -1px shade (@theme_selected_fg_color, 0.8);
+}
+
 menuitem accelerator,
-menu menuitem accelerator {
+menu menuitem accelerator,
+.menu menuitem accelerator {
 color: alpha(@theme_main_color, 0.66);
 }
 
 menuitem accelerator:hover,
 menuitem accelerator:active,
 menu menuitem accelerator:hover,
-menu menuitem accelerator:active {
+menu menuitem accelerator:active,
+.menu menuitem accelerator:hover,
+.menu menuitem accelerator:active {
 color: alpha(@theme_text_color, 0.45);
 }
 
-window.background.popup menuitem arrow {
+/* scroll arrows */
+menu > arrow,
+.menu > arrow {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
 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");
+ padding: 4px;
+ background-color: @theme_selected_bg_color;
 }
 
-window.background.popup menu menuitem arrow:dir(rtl) {
- -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+menu > arrow.top,
+.menu > arrow.top {
+ margin-top: -2px;
+ margin-left: -2px;
 }
 
-window.background.popup menu arrow.top {
- -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+menu > arrow.bottom,
+.menu > arrow.bottom {
+ margin-bottom: -2px;
+ margin-left: -2px;
 }
 
-window.background.popup menu arrow.bottom {
- -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+menu > arrow:hover,
+.menu > arrow:hover {
+ background-color: shade(@theme_selected_bg_color, 1.4);
 }
 
-window.background.popup menu arrow:hover {
- border-color: @theme_selected_fg_color;
- color: shade (@theme_selected_bg_color, 1.6);
+menu > arrow:disabled,
+.menu > arrow:disabled {
+ color: transparent;
+ background-color: transparent;
+ border-color: transparent;
 }
 
 /************
@@ -2275,6 +2359,21 @@ toolbar {
 -GtkToolbar-button-relief: normal;
 }
 
+toolbar.vertical {
+ background-image: linear-gradient(to right,
+ shade(@toolbar_gradient_base, 0.94),
+ shade(@theme_bg_color, 1.0));
+ border-width: 0px 1px 0px 0px;
+}
+
+toolbar.horizontal button {
+ margin: 0px 1px;
+}
+
+toolbar.vertical button {
+ margin: 1px 0px;
+}
+
 toolbar button.text-button {
 padding: 2px 5px;
 }
@@ -2286,10 +2385,6 @@ toolbar button.image-button {
 /********************
 * Primary Toolbars *
 ********************/
-toolbar:disabled {
- background-image: none;
- background-color: shade(@theme_bg_color, 0.97);
-}
 
 /* (primary) toolbar buttons */
 toolbar button,
@@ -2318,8 +2413,6 @@ toolbar.primary-toolbar combobox button.combo {
 
 toolbar button:hover,
 toolbar.primary-toolbar button:hover,
-toolbar button:checked:hover,
-toolbar.primary-toolbar button:checked:hover,
 toolbar button:active:hover,
 toolbar.primary-toolbar button:active:hover,
 toolbar combobox button.combo:hover,
@@ -2339,7 +2432,6 @@ toolbar combobox button.combo:disabled,
 toolbar.primary-toolbar combobox button.combo:disabled {
 border-image: none;
 border-style: solid;
- /*border-radius: 3px;*/
 border-color: @inactive_frame_color;
 background-image: linear-gradient(to bottom,
 @button_hover_gradient_color_a,
@@ -2348,7 +2440,6 @@ toolbar.primary-toolbar combobox button.combo:disabled {
 
 toolbar GtkSeparatorToolItem {
 /* -GtkWidget-separator-width: 1;*/
-
 border-style: solid;
 border-width: 1px;
 border-color: shade(@theme_bg_color, 0.85);
@@ -2359,13 +2450,11 @@ toolbar entry progressbar {
 background-image: linear-gradient(to bottom,
 @trough_bg_color_a,
 @trough_bg_color_b);
-
 border-width: 1px;
 border-radius: 2px;
 border-style: solid;
 border-color: shade(@inactive_frame_color, 0.925);
 border-image: none;
-
 color: @internal_element_color;
 }
 
@@ -2374,16 +2463,19 @@ toolbar entry progressbar {
 *******************/
 
 toolbar.inline-toolbar {
- border-width: 1px;
+ border-width: 0px 1px 1px 1px;
 border-radius: 0px;
 border-style: solid;
 border-color: darker (@theme_bg_color);
- background-image: linear-gradient(to bottom,
+ background-image: linear-gradient(to top,
 shade(@toolbar_gradient_base, 0.88),
 shade(@theme_bg_color, 1.5));
 }
 
-/* Stack switcher */
+/******************
+ * Stack switcher *
+ ******************/
+
 stackswitcher > button > label,
 headerbar stackswitcher > button.titlebutton > label,
 .titlebar stackswitcher > button.titlebutton > label,
@@ -2407,7 +2499,7 @@ stackswitcher > button {
 }
 
 stackswitcher > button.text-button {
- padding: 5px 10px 6px;
+ padding: 4px 10px 5px;
 }
 
 stackswitcher > button.image-button,
@@ -2445,6 +2537,7 @@ stackswitcher > button.needs-attention:checked > image {
 /***************
 * Header bars *
 ***************/
+
 headerbar {
 border-width: 0 0 1px;
 border-style: solid;
@@ -2458,17 +2551,10 @@ headerbar {
 border-color: shade(@theme_bg_color, 0.8);
 }
 
-headerbar button.text-button {
- padding: 2px 6px;
-}
-
-headerbar button.image-button {
- padding: 5px 4px 4px 5px;
-}
-
 /*******
 * OSD *
 *******/
+
 .background.osd {
 color: @osd_fg;
 background-image: none;
@@ -3002,6 +3088,10 @@ modelbutton label {
 padding: 0px 0px 0px 4px
 }
 
+popover.background.menu button.image-button.model image {
+ color: @theme_selected_fg_color;
+}
+
 popover separator {
 font-size: 80%;
 font-weight: bold;
@@ -3051,10 +3141,10 @@ popover button.default.suggested-action.text-button:hover {
 .titlebar:backdrop {
 text-shadow: none;
 background-image: linear-gradient(to bottom,
- shade (@theme_bg_color, 1.50),
+ shade (@theme_bg_color, 1.20),
 shade (@theme_bg_color, 1.0));
 border-radius: 7px 7px 0 0;
- padding: 3px;
+ padding: 5px 4px 5px 5px;
 }
 
 .tiled .titlebar {
@@ -3081,35 +3171,27 @@ popover button.default.suggested-action.text-button:hover {
 }
 
 .titlebar button,
+.titlebar button.slider-button,
+.titlebar button.image-button,
 .titlebar button.image-button.popup,
+.titlebar button.toggle.image-button,
+.titlebar button.toggle.image-button.popup,
+.titlebar button.toggle.image-button.text-button,
 .titlebar button.toggle.popup.titlebutton,
 headerbar.frame.titlebar button.image-button.titlebutton,
 button.text-button.titlebutton {
 padding: 2px;
+ margin: 0px 1px;
 }
 
-.titlebar button.toggle.popup.titlebutton:hover,
-headerbar.frame.titlebar button.image-button.titlebutton:hover,
-button.text-button.titlebutton:hover {
- background-image: linear-gradient(to bottom,
- @button_hover_gradient_color_a,
- @button_hover_gradient_color_b);
+.titlebar stackswitcher button.text-button.radio {
+ padding: 1px 6px;
 }
 
-.titlebar button.toggle.popup.titlebutton:hover:active,
-headerbar.frame.titlebar:hover:active,
-button.image-button.titlebutton:hover:active,
-button.text-button.titlebutton:hover:active,
-.titlebar button.toggle.popup.titlebutton:checked,
-headerbar.frame.titlebar:checked,
-button.image-button.titlebutton:checked,
-button.text-button.titlebutton:checked {
- color: @theme_fg_color;
- border-style: solid;
- background-image: linear-gradient(to bottom,
- shade(@button_gradient_color_b, 1.0),
- @theme_bg_color 50%,
- shade(@button_gradient_color_a, 1.5));
+button.titlebutton.close,
+button.titlebutton.minimize ,
+button.titlebutton.maximize {
+ margin: 0px -5px;
 }
 
 .titlebar separator.vertical.titlebutton {
@@ -3329,15 +3411,14 @@ overlay /* for floating bars */ {
 
 image,
 image:hover,
-image:active,
+image:checked,
 image:hover:active,
 image:disabled,
 label,
 label:hover,
-label:active,
+label:checked,
 label:hover:active,
 label:disabled,
-/* gtk-3.12 */
 box,
 box:disabled,
 grid,
@@ -3345,48 +3426,6 @@ grid:disabled {
 background-color: transparent;
 }
 
-viewport,
-iconView {
- border-radius: 0px;
- padding: 0px;
-}
-
-viewport,
-viewport.frame {
- border-radius: 0px;
- background-color: shade(@theme_bg_color, 1.06);
- padding: 0px;
-}
-
-iconView.view.cell:selected,
-iconView.view.cell:selected:focus {
- background-color: transparent;
- border-style: solid;
- border-width: 3px;
- border-radius: 12px;
- border-color: @theme_selected_bg_color;
- color: @theme_text_color;
-
- /* FIXME: this probably needs to be better;
- * see https://bugzilla.gnome.org/show_bug.cgi?id=644157
- */
- outline-color: @progressbar_border;
- outline-style: solid;
- outline-offset: 3px;
-}
-
-iconView.view.cell:hover,
-iconView.view.cell:hover:focus {
- border-style: none;
- border-radius: 12px;
-}
-
-/* row as a separator */
-treeview.view.separator,
-treeview.view.separator:hover {
- color: shade(@theme_bg_color, 0.87);
-}
-
 /*****************
 * Color Chooser *
 *****************/
@@ -3492,6 +3531,7 @@ check:selected:focus,
 /********************************
 * GtkCheckButton GtkRadioButton*
 ********************************/
+
 checkbutton:selected:focus,
 radiobutton:selected:focus {
 background-color: shade(@theme_bg_color, 0.95);
@@ -3554,10 +3594,6 @@ treeview.view.expander:checked {
 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
 
-/*************
- * Expanders *
- *************/
-
 expander arrow {
 min-height: 16px;
 min-width: 16px;
@@ -3660,19 +3696,19 @@ iconview.content-view.check {
 background-color: transparent;
 }
 
-iconview.content-view.check:active {
+iconview.content-view.check:checked {
 background-image: url("assets/grid-selection-checked.svg");
 background-color: transparent;
 }
 
 .content-view.view.check,
-.content-view.view.check:active {
+.content-view.view.check:checked {
 background-color: transparent;
 }
 
 iconview.content-view.check:hover,
 iconview.content-view.check:disabled,
-iconview.content-view.check:selected {
+iconview.content-view.check:checked {
 background-color: transparent;
 }
 
@@ -3894,6 +3930,32 @@ entry.error:focus,
 color: @error_fg_color;
 }
 
+infobar revealer button {
+ background-image: linear-gradient(to bottom,
+ @inherit,
+ @button_gradient_color_b);
+ background-color: transparent;
+ color: @theme_selected_fg_color;
+}
+
+infobar revealer button:hover {
+ background-image: linear-gradient(to bottom,
+ @inherit,
+ @button_hover_gradient_color_b);
+ background-color: transparent;
+ color: @theme_selected_fg_color;
+}
+
+infobar revealer button:disabled {
+ background-image: none;
+ background-color: inherit;
+ color: @insensitive_fg_color;
+}
+
+infobar revealer button label {
+ color: @theme_selected_fg_color;
+}
+
 /**************
 * Dim labels *
 **************/
@@ -3926,6 +3988,11 @@ placessidebar.sidebar {
 padding: 0px;
 }
 
+/* ie. nemo */
+.sidebar treeview.view {
+ padding: 2px 0px;
+}
+
 .sidebar:backdrop {
 background-color: shade(@theme_bg_color, 1.02);
 }
@@ -3935,37 +4002,38 @@ placessidebar.sidebar {
 border-style: none;
 }
 
-/* dialog open */
-filechooser placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row {
+/* dialog open, nautilus */
+placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row {
 background-color: shade(@theme_bg_color, 1.02);
 border-radius: 0px;
 padding: 0px 0px 0px 6px;
 }
 
-filechooser placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row:selected,
-filechooser placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row:selected:hover {
+placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row:selected,
+placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row:selected:hover {
 background-image: linear-gradient(to bottom,
 shade(@theme_selected_bg_color, 1.3),
 shade(@theme_selected_bg_color, 0.73));
 color: @theme_selected_fg_color;
 }
 
-filechooser placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row:hover {
+placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row:hover {
 background-image: linear-gradient(to bottom,
 shade(@theme_selected_bg_color, 1.8),
 shade(@theme_selected_bg_color, 1.53));
 color: shade (@theme_fg_color, 1.0);
 }
 
-filechooser placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row .sidebar-revealer .sidebar-icon {
+placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row .sidebar-revealer .sidebar-icon {
 padding: 4px 8px 4px 6px;
 }
 
-filechooser placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row .sidebar-revealer .sidebar-label {
+placessidebar.sidebar.frame > viewport.frame > list > row.activatable.sidebar-row .sidebar-revealer .sidebar-label {
 padding: 4px 0px 4px 1px;
 }
 
-filechooser list row.activatable button.sidebar-button.image-button {
+placesview viewport list row.activatable button.sidebar-button.image-button,
+placessidebar.sidebar.frame > viewport.frame > list row.activatable button.sidebar-button.image-button {
 background-color: transparent;
 background-image: none;
 border-image:none;
@@ -4050,6 +4118,9 @@ filechooser stack scrolledwindow {
 
 actionbar {
 padding: 2px;
+ border-style: solid;
+ border-width: 1px 0px 0px 0px;
+ border-color: alpha(@frame_color, 0.6);
 }
 
 actionbar stackswitcher.horizontal.linked button.image-button.radio {
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
index 487ead3f..98dc3089 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
@@ -9,13 +9,13 @@
 border-style: solid;
 }
 
-.caja-side-pane > notebook scrolledwindow.frame {
+.caja-side-pane > notebook scrolledwindow.frame {
 background-color: transparent;
 border-style: none;
 }
 
-.caja-side-pane > notebook scrolledwindow > viewport.frame,
-.caja-side-pane > notebook scrolledwindow.frame treeview.view {
+.caja-side-pane > notebook scrolledwindow > viewport.frame,
+.caja-side-pane > notebook scrolledwindow.frame treeview.view {
 background-color: transparent;
 }
 
@@ -23,6 +23,14 @@
 background-color: transparent;
 }
 
+.caja-side-pane scrolledwindow {
+ margin: -1px;
+}
+
+.caja-desktop-window scrolledwindow {
+ border-width: 0px;
+}
+
 /* background of all views */
 CajaNavigationWindow .view,
 CajaNavigationWindow .view row {
@@ -800,3 +808,17 @@ EomThumbNav .button.flat:disabled {
 border-color: transparent;
 }
 
+/* Mate Font Viewer */
+
+.font-viewer notebook.frame {
+ border-style: none;
+ border-width: 0px;
+}
+
+.font-viewer toolbar.menubar {
+ border-style: solid;
+ border-width: 1px 0px 0px 0px;
+ border-color: alpha(@frame_color, 0.6);
+}
+
+
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/other-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/other-applications.css
index 732a47e3..df858c47 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/other-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/other-applications.css
@@ -53,6 +53,10 @@ DConfKeyView.view .spinbutton .button {
 * Nemo *
 ********/
 
+.nemo-window-pane scrolledwindow {
+ background-color: shade(@base_color, 1.06);
+}
+
 NemoView .view,
 NemoView .view row {
 background-color: shade(@base_color, 1.04)
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/settings.ini b/desktop-themes/GreenLaguna/gtk-3.0/settings.ini
index a11640ff..7fe52fbb 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/settings.ini
+++ b/desktop-themes/GreenLaguna/gtk-3.0/settings.ini
@@ -1,4 +1,4 @@
 [Settings]
-gtk-color-scheme = "base_color:#E9EFE7\nbg_color:#E9EFE7\ntooltip_bg_color:#333433\nselected_bg_color:#6F816A\ntext_color:#000000\nfg_color:#101010;\ntooltip_fg_color:#ffffff\nselected_fg_color:#ffffff"
+gtk-color-scheme = "base_color:#E6EFE3\nbg_color:#E6EFE3\ntooltip_bg_color:#333433\nselected_bg_color:#6F816A\ntext_color:#000000\nfg_color:#101010;\ntooltip_fg_color:#ffffff\nselected_fg_color:#ffffff"
 gtk-auto-mnemonics = 1
 gtk-visible-focus = automatic
author	raveit65 <[email protected]>	2016-04-21 01:16:41 +0200
committer	raveit65 <[email protected]>	2016-04-21 01:17:43 +0200
commit	16e273ef9c668bc96df362778544652acf880a69 (patch)
tree	63e13f4260556ea947366f604d0c3e05c2b16775
parent	2490a0a50d734840826d96ca63842e848dedd822 (diff)
download	mate-themes-16e273ef9c668bc96df362778544652acf880a69.tar.bz2 mate-themes-16e273ef9c668bc96df362778544652acf880a69.tar.xz