From 6f541b8f4a742a289c30c04f2fa484b5db077281 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sat, 31 Dec 2016 18:50:03 +0100 Subject: Gtk+-3.20 Submarine themes: enable outlines and some focus fixes --- .../Blue-Submarine/gtk-3.0/gtk-widgets.css | 159 +++++++++++++++++++-- .../Blue-Submarine/gtk-3.0/mate-applications.css | 16 ++- 2 files changed, 163 insertions(+), 12 deletions(-) (limited to 'desktop-themes/Blue-Submarine/gtk-3.0') 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 93fe696c..7af24d77 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, @@ -4053,6 +4183,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, @@ -4119,6 +4255,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; } -- cgit v1.2.1