GTK+-3.20 Menta themes: enable outlines and some focus fixes

4 files changed, 156 insertions, 25 deletions

diff --git a/desktop-themes/Menta/gtk-3.0/gtk-main.css b/desktop-themes/Menta/gtk-3.0/gtk-main.css
index 6884a18c..c752c2b8 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-main.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-main.css
@@ -51,6 +51,9 @@
 @define-color button_hover_gradient_color_a shade(@button_gradient_color_a, 1.11);
 @define-color button_hover_gradient_color_b shade(@button_gradient_color_b, 1.06);
 
+@define-color button_default_border_color #3AC5A0;
+@define-color button_default_box_shadow_color #00A25D;
+
 @define-color insensitive_bg_color shade(@theme_bg_color, 0.95);
 @define-color insensitive_fg_color shade(@theme_bg_color, 0.6);
 @define-color insensitive_borders shade(@internal_element_color, 1.37);
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css
index d8625f7a..c460c7be 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css
@@ -55,8 +55,6 @@ row trough {
 entry:focus,
 button:checked:focus,
 button.default:checked,
-combobox entry.combo:focus,
-combobox button.combo:focus,
 toolbar.inline-toolbar.vertical button:focus:checked,
 toolbar.inline-toolbar.vertical button.default:checked {
 	border-image: url("borders/button-active-focus.png") 3 4 5 4 / 3px 4px 5px 4px stretch;
@@ -96,7 +94,13 @@ toolbar.inline-toolbar.vertical button {
 
 /* focused button borders */
 button.default,
-button:focus {
+button:focus,
+toolbar.inline-toolbar.horizontal button.text-button:focus,
+combobox entry.combo:focus,
+combobox button.combo:focus,
+combobox .linked button.combo:focus,
+.primary-toolbar button:focus,
+statusbar button.flat.toggle:focus {
 	border-image: url("borders/button-focus.png") 3 4 4 4 / 3px 4px 4px 4px stretch;
 	border-radius: 4px;
 	border-width: 2px;
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index 4c9d2c20..0b947b96 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -12,10 +12,10 @@
 	-GtkIMHtml-hyperlink-color: @link_color;
 	-GtkHTML-link-color: @link_color;
 	-WnckTasklist-fade-overlay-rect: 0;
-	outline-color: alpha(@theme_text_color, 0.3);
+	outline-color: alpha(currentColor, 0.3);
 	outline-style: dashed;
-	outline-offset: -3px; /* 2px */
-	outline-width: 0px; /* disable ugly focus-line */
+	outline-offset: -3px;
+	outline-width: 1px;
 	-gtk-outline-radius: 2px;
 /*	-gtk-icon-style: regular;*//* disable symbolic icons */
 }
@@ -210,6 +210,7 @@ statusbar frame {
 
 statusbar frame button.flat {
     padding: 0px;
+    outline-style: none;
 }
 
 .dnd {
@@ -540,6 +541,11 @@ spinbutton:disabled {
     border-color: @borders;
 }
 
+spinbutton:focus {
+    border-color: shade (@treeview_focus_border, 1.0);
+    transition: all 400ms ease-out;
+}
+
 spinbutton button,
 spinbutton button:focus,
 spinbutton button:active,
@@ -2241,6 +2247,39 @@ notebook tab.reorderable-page:hover {
     border-style: none;
 }
 
+/* outlines */
+notebook header tab:checked {
+    outline-color: @button_default_border_color;
+}
+
+notebook header.top tab:checked {
+    -gtk-outline-top-left-radius: 4px;
+    -gtk-outline-top-right-radius: 4px;
+    -gtk-outline-bottom-left-radius: 0px;
+    -gtk-outline-bottom-right-radius: 0px;
+}
+
+notebook header.bottom tab:checked {
+    -gtk-outline-top-left-radius: 0px;
+    -gtk-outline-top-right-radius: 0px;
+    -gtk-outline-bottom-left-radius: 4px;
+    -gtk-outline-bottom-right-radius: 4px;
+}
+
+notebook header.left tab:checked {
+    -gtk-outline-top-left-radius: 4px;
+    -gtk-outline-top-right-radius: 0px;
+    -gtk-outline-bottom-left-radius: 0px;
+    -gtk-outline-bottom-right-radius: 4px;
+}
+
+notebook header.right tab:checked {
+    -gtk-outline-top-left-radius: 0px;
+    -gtk-outline-top-right-radius: 4px;
+    -gtk-outline-bottom-left-radius: 4px;
+    -gtk-outline-bottom-right-radius: 0px;
+}
+
 /* close button styling */
 notebook button.flat,
 notebook button.flat.small-button {
@@ -2364,6 +2403,10 @@ toolbar.primary-toolbar combobox button.combo {
 	border-width: 2px;
 }
 
+combobox button.combo {
+    outline-style: none;
+}
+
 combobox > .horizontal.linked > button.combo,
 combobox > .horizontal.linked > button.combo:backdrop,
 combobox > .horizontal.linked > button.combo:focus,
@@ -3340,6 +3383,10 @@ dialog.background.solid-csd notebook scrolledwindow.frame treeview.view header b
     margin-top: -2px;
 }
 
+.dialog-action-area.linked button {
+    outline-width: 0px;
+}
+
 /* middle buttons */
 .dialog-action-area.linked button,
 .dialog-action-area.linked button:hover:active,
@@ -3358,11 +3405,15 @@ dialog.background.solid-csd notebook scrolledwindow.frame treeview.view header b
 .dialog-action-area.linked button.default:checked,
 .dialog-action-area.linked button.default:disabled,
 .dialog-action-area.linked button:focus {
-	border-style: solid;
-	border-radius: 0;
+    border-style: solid;
+    border-radius: 0;
     border-width: 1px;
     border-left-width:  0px;
-	border-color: @theme_selected_bg_color;
+    border-color: @button_default_border_color;
+    box-shadow: inset  0px  1px @button_default_box_shadow_color,
+                inset  1px  0px @button_default_box_shadow_color,
+                inset -1px  0px @button_default_box_shadow_color,
+                inset  0px -1px @button_default_box_shadow_color;
 }
 
 /* left button */
@@ -3382,10 +3433,14 @@ dialog.background.solid-csd notebook scrolledwindow.frame treeview.view header b
 .dialog-action-area.linked button.default:checked:first-child,
 .dialog-action-area.linked button.default:disabled:first-child,
 .dialog-action-area.linked button:focus:first-child {
-	border-style: solid;
+    border-style: solid;
     border-width: 1px;
-	border-radius: 3px 0 0px 3px;
-	border-color: @theme_selected_bg_color;
+    border-radius: 3px 0 0px 3px;
+    border-color: @button_default_border_color;
+    box-shadow: inset  0px  1px @button_default_box_shadow_color,
+                inset  1px  0px @button_default_box_shadow_color,
+                inset -1px  0px @button_default_box_shadow_color,
+                inset  0px -1px @button_default_box_shadow_color;
 }
 
 /* right button */
@@ -3406,11 +3461,15 @@ dialog.background.solid-csd notebook scrolledwindow.frame treeview.view header b
 .dialog-action-area.linked button.default:checked:last-child,
 .dialog-action-area.linked button.default:disabled:last-child,
 .dialog-action-area.linked button:focus:last-child {
-	border-style: solid;
+    border-style: solid;
     border-width: 1px;
     border-left-width: 0px;
-	border-radius: 0 3px 3px 0;
-	border-color: @theme_selected_bg_color;
+    border-radius: 0 3px 3px 0;
+    border-color: @button_default_border_color;
+    box-shadow: inset  0px  1px @button_default_box_shadow_color,
+                inset  1px  0px @button_default_box_shadow_color,
+                inset -1px  0px @button_default_box_shadow_color,
+                inset  0px -1px @button_default_box_shadow_color;
 }
 
 /* single button */
@@ -3435,7 +3494,11 @@ dialog.background.solid-csd notebook scrolledwindow.frame treeview.view header b
     padding-right: 6px;
     border-width: 1px;
     border-radius: 3px;
-	border-color: @theme_selected_bg_color;
+    border-color: @button_default_border_color;
+    box-shadow: inset  0px  1px @button_default_box_shadow_color,
+                inset  1px  0px @button_default_box_shadow_color,
+                inset -1px  0px @button_default_box_shadow_color,
+                inset  0px -1px @button_default_box_shadow_color;
 }
 
 .dialog-action-area.linked button.suggested-action,
@@ -3505,6 +3568,11 @@ toolbar.primary-toolbar entry.progressbar {
 	color: @theme_text_color;
 }
 
+toolbar button,
+toolbar.primary-toolbar button {
+    outline-style: none;
+}
+
 /*******************
  * Inline toolbars *
  *******************/
@@ -3527,6 +3595,14 @@ toolbar.inline-toolbar.vertical:last-child {
 	border-radius: 0;
 }
 
+/* preferences windows */
+notebook toolbar.inline-toolbar.horizontal toolitem button.text-button {
+	border-width: 2px;
+	border-image-width: 3px 4px 4px 4px;
+	border-radius: 4px;
+	box-shadow: none;
+}
+
 /***********
  * Sidebar *
  ***********/
@@ -4291,7 +4367,7 @@ calendar.header .path-bar button.titlebutton image {
 
 treeview.view {
 	-GtkTreeView-vertical-separator: 0;
-	outline-color: alpha(@theme_text_color, 0.6);
+	outline-color: alpha(currentColor, 0.6);
 }
 
 treeview {
@@ -4324,18 +4400,19 @@ viewport {
 }
 
 iconview .cell:selected,
-iconview .cell:selected:focus {
-	border-radius: 4px;
-	outline-color: @treeview_focus_border;
-	outline-style: solid;
-	outline-offset: 3px;
-}
-
+iconview .cell:selected:focus,
 iconview .cell:hover,
 iconview .cell:hover:focus {
 	border-radius: 4px;
 }
 
+iconview .cell:selected:focus {
+    border-radius: 4px;
+    border-color: alpha(@theme_text_color, 0.6);
+    border-width: 1px;
+    border-style: dashed;
+}
+
 .view text,
 textview,
 .view {
@@ -4367,6 +4444,11 @@ textview,
 	color: @theme_fg_color;
 }
 
+/* color of selected icons if unfocused */
+.view:active {
+    background-color: shade(@theme_unfocused_bg_color, 0.94);
+}
+
 /* ie. filechooser dialog */
 .view row:hover {
 	background-color: shade (@theme_selected_bg_color, 1.30);
diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css
index aa9b91ef..2b099fc9 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -27,6 +27,16 @@
 	box-shadow: inset -1px 0 @inset_dark_color;
 }
 
+.caja-navigation-window .caja-side-pane button.flat:focus:first-child {
+    border-image: url("borders/button-focus.png") 3 4 4 4 / 3px 4px 4px 4px stretch;
+    border-radius: 3px 0 0 3px;
+    /* remove right border */
+    border-width: 2px 0px 2px 2px;
+	border-image-width: 3px 0 4px 4px;
+	box-shadow: inset -1px 0 @treeview_focus_border;
+    outline-style: none;
+}
+
 .caja-navigation-window .caja-side-pane button.flat:last-child,
 .caja-navigation-window .caja-side-pane button.flat:hover:last-child {
     border-image: url("borders/button.png") 3 4 4 4 / 3px 4px 4px 4px stretch;
@@ -37,6 +47,16 @@
 	box-shadow: inset 1px 0 @inset_light_color;
 }
 
+.caja-navigation-window .caja-side-pane button.flat:focus:last-child {
+    border-image: url("borders/button-focus.png") 3 4 4 4 / 3px 4px 4px 4px stretch;
+    border-radius: 0 3px 3px 0;
+    /* remove left border */
+    border-width: 2px 2px 2px 0px;
+	border-image-width: 3px 4px 4px 0px;
+	box-shadow: inset 1px 0 @treeview_focus_border;
+    outline-style: none;
+}
+
 /* ComboBox views */
 .caja-navigation-window toolbar.primary-toolbar combobox > button.combo {
     padding: 6px 4px;
@@ -154,6 +174,12 @@
     background-color: @theme_base_color;
 }
 
+/* color of selected icons if unfocused */
+/* For some reasons this needs to be set here again */
+.caja-navigation-window .caja-notebook .view:active {
+    background-color: shade(@theme_unfocused_bg_color, 0.94);
+}
+
 /* listview mode */
 .caja-navigation-window .caja-notebook .view {
     background-color: @theme_base_color;
@@ -309,6 +335,16 @@ MatePanelAppletFrameDBus {
     background-position: left;
 }
 
+/* outlines */
+window.background, /* selector where outlines are writen on GtkTrayIcon */
+.mate-panel-menu-bar menubar,
+.mate-panel-menu-bar button,
+.mate-panel-menu-bar PanelApplet {
+    outline-style: solid;
+    outline-offset: -2px;
+    outline-color: shade (@theme_selected_bg_color, 0.7);
+}
+
 /* main menu */
 /* set normal menubar button */
 .mate-panel-menu-bar menubar menuitem {
@@ -418,6 +454,8 @@ PanelApplet.wnck-applet .wnck-pager {
     background-image: none;
     background-color: transparent;
     text-shadow: none;
+    outline-offset: -1px;
+    outline-color: shade (@theme_selected_bg_color, 0.7);
 }
 
 /* selected WnckPager */
@@ -457,7 +495,7 @@ PanelApplet.wnck-applet .wnck-pager:hover {
 }
 
 na-tray-applet {
-    -NaTrayApplet-icon-padding: 3px;
+    -NaTrayApplet-icon-padding: 1px; /*any more and outlines get cut off*/
     -NaTrayApplet-icon-size: 16;
 }
 
@@ -546,6 +584,10 @@ window.background.mate-terminal > box.vertical > notebook > header.top tab:check
     padding: 0px;
 }
 
+.pluma-window statusbar.horizontal frame button.flat.toggle:focus {
+	border-image: url("borders/button-focus.png") 3 4 4 4 / 3px 4px 4px 4px stretch;
+}
+
 /* Printpreview */
 .pluma-print-preview toolbar.horizontal {
     background-image: linear-gradient(to bottom,