Gtk+-3.20 Submarine themes: enable outlines and some focus fixes

author: raveit65 <[email protected]> 2016-12-31 18:50:03 +0100
committer: raveit65 <[email protected]> 2017-01-13 23:06:40 +0100
commit: 5f6b0d56ed421949830620b2ee47bd2970bbdd2c (patch)
tree: 7ecd8e994a55771a2d8423ac192083dedbc3d08e /desktop-themes/Blue-Submarine
parent: 1a8fba2e1f3e34c822408cd1425eb0fb28d47aee (diff)
download: mate-themes-5f6b0d56ed421949830620b2ee47bd2970bbdd2c.tar.bz2
mate-themes-5f6b0d56ed421949830620b2ee47bd2970bbdd2c.tar.xz
2 files changed, 163 insertions, 12 deletions
diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
index 2897420a..ca88f4af 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -21,10 +21,10 @@
 -GtkTreeView-vertical-separator: 4; 
 -WnckTasklist-fade-overlay-rect: 0; 
 /* Highlight drag-drop destination */ 
- outline-color: alpha(@theme_selected_bg_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; /* no symbolic icons */ 
 } 
@@ -970,6 +970,7 @@ button {
 /* box-shadow: [ inset ] horizontal_offset vertical_offset [ blur_radius ] [ spread ] color */ 
 color: @theme_fg_color; 
 text-shadow: none; 
+ outline-style: none; 
 } 
 
 button.default { 
@@ -2145,6 +2146,14 @@ combobox button.combo:hover {
 color: @theme_text_color; 
 } 
 
+combobox button.combo:focus, 
+combobox .linked button.combo:focus { 
+ box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 
+ inset 1px 0px shade (@theme_selected_bg_color, 1.3), 
+ inset -1px 0px shade (@theme_selected_bg_color, 1.3), 
+ inset 0px -1px shade (@theme_selected_bg_color, 1.3); 
+} 
+ 
 toolbar combobox cellview { 
 /* color combobox read-only */ 
 color: shade(@toolbar_fg_color, 0.94); 
@@ -2567,6 +2576,7 @@ toolbar toolbutton button.flat.toggle.popup:focus {
 
 } 
 
+toolbar toolitem combobox button.combo:focus, 
 toolbar toolbutton button.flat.text-button:focus:hover, 
 toolbar toolbutton button.flat.toggle.popup:focus:hover, 
 toolbar toolitem combobox button.combo:hover { 
@@ -2580,10 +2590,6 @@ toolbar toolitem combobox button.combo:hover {
 inset 0px -1px shade(@selected_bg_color, 1.3); 
 } 
 
-toolbar toolbutton button.flat.text-button:focus { 
- box-shadow: none; 
-} 
- 
 /******************** 
 * Menubar Toolbars * 
 ********************/ 
@@ -2673,10 +2679,6 @@ toolbar.primary-toolbar button {
 text-shadow: none; 
 } 
 
-toolbar.primary-toolbar .linked button:focus { 
- box-shadow: none; 
-} 
- 
 toolbar button:disabled, 
 toolbar.primary-toolbar button:disabled { 
 background-image: none; 
@@ -2694,6 +2696,7 @@ toolbar.primary-toolbar button:disabled {
 text-shadow: none; 
 } 
 
+toolbar button:focus, 
 toolbar button:hover, 
 toolbar button:hover:active, 
 toolbar button:focus:hover:active, 
@@ -2714,6 +2717,7 @@ toolbar button:checked:hover:active {
 inset 0px -1px shade (@theme_selected_bg_color, 1.3); 
 } 
 
+toolbar.primary-toolbar button:focus, 
 toolbar.primary-toolbar button:hover, 
 toolbar.primary-toolbar button:hover:active, 
 toolbar.primary-toolbar button:checked, 
@@ -2760,6 +2764,11 @@ toolbar.primary-toolbar button:checked:disabled {
 text-shadow: none; 
 } 
 
+/* ie. atril */ 
+.primary-toolbar toolbar toolitem combobox .linked button.combo { 
+ padding: 8px 4px; 
+} 
+ 
 toolbar label { 
 color: shade(@theme_fg_color, 1.10); 
 text-shadow: none; 
@@ -3102,6 +3111,98 @@ toolbar.inline-toolbar button:checked {
 -gtk-icon-shadow: 1px 1px @theme_selected_shadow_color; 
 } 
 
+/* eg. pluma preferences */ 
+notebook toolbar.horizontal.inline-toolbar { 
+ border-width: 0 1px 1px 1px; 
+} 
+ 
+notebook toolbar.inline-toolbar toolitem button.text-button label { 
+ color: @theme_fg_color; 
+ text-shadow: none; 
+} 
+ 
+notebook toolbar.inline-toolbar toolitem button.text-button:disabled label { 
+ color: @insensitive_fg_color; 
+ text-shadow: none; 
+} 
+ 
+notebook toolbar.inline-toolbar toolitem button.text-button { 
+ background-image: -gtk-gradient (linear, 
+ left top, left bottom, 
+ from (@button_gradient1), 
+ color-stop (0.50, @button_gradient3), 
+ to (@button_gradient4)); 
+ border-width: 1px; 
+ border-radius: 4px; 
+ border-style: solid; 
+ border-top-color: transparent; 
+ border-left-color: alpha (#000, 0.01); 
+ border-right-color: alpha (#000, 0.01); 
+ border-bottom-color: alpha (#000, 0.03); 
+ box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), 
+ inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), 
+ inset -1px 0px alpha(shade(@button_border, 0.94), 0.80), 
+ inset 0px -1px alpha(shade(@button_border, 0.88), 0.90); 
+ color: @theme_fg_color; 
+ text-shadow: none; 
+} 
+ 
+notebook toolbar.inline-toolbar toolitem button.text-button:hover { 
+ background-image: -gtk-gradient (linear, 
+ left top, left bottom, 
+ from (shade(@button_gradient1, 1.03)), 
+ color-stop (0.50, shade(@button_gradient3, 1.03)), 
+ to (shade(@button_gradient4, 1.01))); 
+ box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 
+ inset 1px 0px shade(@selected_bg_color, 1.3), 
+ inset -1px 0px shade(@selected_bg_color, 1.3), 
+ inset 0px -1px shade(@selected_bg_color, 1.3); 
+} 
+ 
+notebook toolbar.inline-toolbar toolitem button.text-button:disabled { 
+ border-width: 1px; 
+ border-radius: 4px; 
+ border-style: solid; 
+ background-image: none; 
+ background-color: @insensitive_bg_color; 
+ border-color: alpha (#000, 0.00); 
+ border-bottom-color: alpha (#000, 0.00); 
+ border-image: none; 
+ box-shadow: inset 0px 1px @insensitive_border_color, 
+ inset 1px 0px @insensitive_border_color, 
+ inset -1px 0px @insensitive_border_color, 
+ inset 0px -1px @insensitive_border_color; 
+ color: @insensitive_fg_color; 
+ text-shadow: none; 
+} 
+ 
+notebook toolbar.inline-toolbar toolitem button.text-button, 
+notebook toolbar.inline-toolbar toolitem button.text-button:focus, 
+notebook toolbar.inline-toolbar toolitem button.text-button:hover { 
+ padding: 2px 6px; 
+} 
+ 
+notebook toolbar.inline-toolbar toolitem button.text-button:focus { 
+ box-shadow: inset 0px 1px shade(@selected_bg_color, 1.3), 
+ inset 1px 0px shade(@selected_bg_color, 1.3), 
+ inset -1px 0px shade(@selected_bg_color, 1.3), 
+ inset 0px -1px shade(@selected_bg_color, 1.3); 
+} 
+ 
+notebook toolbar.inline-toolbar toolitem button.text-button:focus:hover:active { 
+ background-image: -gtk-gradient (linear, 
+ left top, left bottom, 
+ from (shade (@theme_bg_color, 1.20)), 
+ color-stop (0.50, shade (@theme_bg_color, 1.00)), 
+ color-stop (0.50, shade (@theme_bg_color, 0.99)), 
+ to (shade (@theme_bg_color, 0.80))); 
+ border-radius: 4px; 
+ box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), 
+ inset 1px 0px shade (@theme_selected_bg_color, 1.3), 
+ inset -1px 0px shade (@theme_selected_bg_color, 1.3), 
+ inset 0px -1px shade (@theme_selected_bg_color, 1.3); 
+} 
+ 
 /****************** 
 * Stack switcher * 
 ******************/ 
@@ -3702,6 +3803,35 @@ notebook tab.reorderable-page:checked {
 border-style: solid; 
 } 
 
+/* outlines */ 
+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 > header button.flat, 
@@ -4054,6 +4184,12 @@ iconview.view.cell:hover:focus {
 border-radius: 4px; 
 } 
 
+iconview.view.cell:selected:focus { 
+ border-color: alpha(@theme_text_color, 0.6); 
+ border-width: 1px; 
+ border-style: dashed; 
+} 
+ 
 view, 
 .view, 
 view text, 
@@ -4120,6 +4256,7 @@ label selection:backdrop:disabled {
 treeview, 
 treeview.view { 
 padding: 1px 4px; 
+ outline-color: alpha(currentColor, 0.6); 
 } 
 
 treeview.dnd { 
diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
index bc765027..85f4e376 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -152,6 +152,7 @@ paned.horizontal > box.vertical.caja-side-pane > notebook scrolledwindow.frame {
 to (shade(@button_gradient4, 1.01)));
 }
 
+.caja-side-pane button.flat.toggle:focus:first-child,
 .caja-side-pane button.flat.toggle:hover:first-child,
 .caja-side-pane button.flat.toggle:checked:first-child {
 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3),
@@ -160,6 +161,7 @@ paned.horizontal > box.vertical.caja-side-pane > notebook scrolledwindow.frame {
 inset 0px -1px shade (@theme_selected_bg_color, 1.3);
 }
 
+.caja-side-pane button.flat:focus:last-child,
 .caja-side-pane button.flat:hover:last-child,
 .caja-side-pane button.flat:checked:last-child {
 box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3),
@@ -452,6 +454,16 @@ MatePanelAppletFrameDBus {
 text-shadow: 1px 1px alpha (#000000, 0.8);
 }
 
+/* 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, 1.6);
+}
+
 /* menubar */
 .mate-panel-menu-bar menu > menuitem,
 .mate-panel-menu-bar menubar > menuitem {
@@ -639,6 +651,8 @@ PanelApplet.wnck-applet .wnck-pager {
 border-color: transparent;
 background-color: transparent;
 text-shadow: none;
+ outline-offset: -1px;
+ outline-color: shade (@theme_selected_bg_color, 1.6);
 }
 
 /* selected WnckPager */
@@ -656,7 +670,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;
 }
author	raveit65 <[email protected]>	2016-12-31 18:50:03 +0100
committer	raveit65 <[email protected]>	2017-01-13 23:06:40 +0100
commit	5f6b0d56ed421949830620b2ee47bd2970bbdd2c (patch)
tree	7ecd8e994a55771a2d8423ac192083dedbc3d08e /desktop-themes/Blue-Submarine
parent	1a8fba2e1f3e34c822408cd1425eb0fb28d47aee (diff)
download	mate-themes-5f6b0d56ed421949830620b2ee47bd2970bbdd2c.tar.bz2 mate-themes-5f6b0d56ed421949830620b2ee47bd2970bbdd2c.tar.xz