From 4dcc8164f5c2ac91fcacac020b797e57c3cb8e34 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Mon, 9 May 2016 11:17:08 +0200 Subject: GTK+-3.20 Submarine themes: add settings for meld + button bg adjustments --- .../Blue-Submarine/gtk-3.0/gtk-widgets.css | 57 ++++++++++------------ .../Blue-Submarine/gtk-3.0/other-applications.css | 57 +++++++++++++++++++++- 2 files changed, 82 insertions(+), 32 deletions(-) (limited to 'desktop-themes/Blue-Submarine') 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 e14e0862..9c422fbd 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css @@ -116,6 +116,10 @@ window { * label * *********/ +label { + transition: all 400ms ease-out; +} + label, label:disabled { background-color: transparent; @@ -879,8 +883,7 @@ button { background-image: -gtk-gradient (linear, left top, left bottom, from (@button_gradient1), - color-stop (0.48, @button_gradient2), - color-stop (0.52, @button_gradient3), + color-stop (0.50, @button_gradient3), to (@button_gradient4)); border-width: 1px; border-radius: 6px; @@ -936,8 +939,7 @@ button:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_gradient1, 1.03)), - color-stop (0.48, shade(@button_gradient2, 1.03)), - color-stop (0.52, shade(@button_gradient3, 1.03)), + color-stop (0.50, shade(@button_gradient3, 1.03)), to (shade(@button_gradient4, 1.01))); box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), inset 1px 0px shade (@theme_selected_bg_color, 1.3), @@ -1536,8 +1538,7 @@ toolbar .raised.linked:nth-child(last) button:checked:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (@button_gradient1), - color-stop (0.48, @button_gradient2), - color-stop (0.52, @button_gradient3), + color-stop (0.50, @button_gradient3), to (@button_gradient4)); } @@ -1550,8 +1551,7 @@ toolbar .raised.linked:nth-child(last) button:checked:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_gradient1, 1.03)), - color-stop (0.48, shade(@button_gradient2, 1.03)), - color-stop (0.52, shade(@button_gradient3, 1.03)), + color-stop (0.50, shade(@button_gradient3, 1.03)), to (shade(@button_gradient4, 1.01))); } @@ -1563,7 +1563,7 @@ toolbar .raised.linked:nth-child(last) button:checked:hover { 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.95)), + color-stop (0.50, shade (@theme_bg_color, 0.99)), to (shade (@theme_bg_color, 0.80))); } @@ -2919,8 +2919,8 @@ toolbar.inline-toolbar { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_base, 1.00)), - color-stop (0.48, shade(@button_base, 0.96)), - color-stop (0.52, shade(@button_base, 0.93)), + color-stop (0.50, shade(@button_base, 0.96)), + color-stop (0.50, shade(@button_base, 0.95)), to (shade(@button_base, 0.94))); border-width: 0 1px 1px 0px; border-style: solid; @@ -2940,8 +2940,8 @@ toolbar.inline-toolbar button { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_base, 1.00)), - color-stop (0.48, shade(@button_base, 0.96)), - color-stop (0.52, shade(@button_base, 0.93)), + color-stop (0.50, shade(@button_base, 0.96)), + color-stop (0.50, shade(@button_base, 0.95)), to (shade(@button_base, 0.94))); border-width: 0px; border-radius: 0px; @@ -2975,8 +2975,8 @@ toolbar.inline-toolbar button:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_base, 1.03)), - color-stop (0.48, shade(@button_base, 0.99)), - color-stop (0.52, shade(@button_base, 0.96)), + color-stop (0.50, shade(@button_base, 0.99)), + color-stop (0.50, shade(@button_base, 0.98)), to (shade(@button_base, 0.97))); color: @theme_text_color; } @@ -3125,8 +3125,7 @@ spinbutton > button:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_gradient1, 1.03)), - color-stop (0.48, shade(@button_gradient2, 1.03)), - color-stop (0.52, shade(@button_gradient3, 1.03)), + color-stop (0.50, shade(@button_gradient3, 1.03)), to (shade(@button_gradient4, 1.01))); } @@ -3135,7 +3134,7 @@ spinbutton > button:active { 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.95)), + color-stop (0.50, shade (@theme_bg_color, 0.99)), to (shade (@theme_bg_color, 0.80))); } @@ -4028,8 +4027,8 @@ treeview.view > header > button:focus { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_base, 1.00)), - color-stop (0.48, shade(@button_base, 0.96)), - color-stop (0.52, shade(@button_base, 0.92)), + color-stop (0.50, shade(@button_base, 0.96)), + color-stop (0.50, shade(@button_base, 0.95)), to (shade(@button_base, 0.93))); border-width: 0px 1px 1px 0px; border-style: solid; @@ -4049,8 +4048,7 @@ treeview.view > header > button:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_gradient1, 1.03)), - color-stop (0.48, shade(@button_gradient2, 1.03)), - color-stop (0.52, shade(@button_gradient3, 1.03)), + color-stop (0.50, shade(@button_gradient3, 1.03)), to (shade(@button_gradient4, 1.01))); border-style: solid; border-radius: 0px; @@ -4070,7 +4068,7 @@ treeview.view > header > button:focus:hover:active { 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.95)), + color-stop (0.50, shade (@theme_bg_color, 0.99)), to (shade (@theme_bg_color, 0.80))); border-radius: 0px; box-shadow: none; @@ -4695,8 +4693,7 @@ dialog scrolledwindow.frame viewport .vertical expander .vertical { background-image: -gtk-gradient (linear, left top, left bottom, from (@button_gradient1), - color-stop (0.48, @button_gradient2), - color-stop (0.52, @button_gradient3), + color-stop (0.50, @button_gradient3), to (@button_gradient4)); box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.70), inset 1px 0px alpha(shade(@button_border, 0.94), 0.80), @@ -4715,8 +4712,7 @@ dialog scrolledwindow.frame viewport .vertical expander .vertical { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_gradient1, 1.03)), - color-stop (0.48, shade(@button_gradient2, 1.03)), - color-stop (0.52, shade(@button_gradient3, 1.03)), + color-stop (0.50, shade(@button_gradient3, 1.03)), to (shade(@button_gradient4, 1.01))); box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), inset 1px 0px shade (@theme_selected_bg_color, 1.3), @@ -4729,7 +4725,7 @@ dialog scrolledwindow.frame viewport .vertical expander .vertical { 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.95)), + color-stop (0.50, shade (@theme_bg_color, 0.99)), to (shade (@theme_bg_color, 0.80))); box-shadow: inset 0px 1px shade (@theme_selected_bg_color, 1.3), inset 1px 0px shade (@theme_selected_bg_color, 1.3), @@ -6386,8 +6382,7 @@ stack .linked.vertical spinbutton.horizontal button:focus:hover:last-child { background-image: -gtk-gradient (linear, left top, left bottom, from (shade(@button_gradient1, 1.03)), - color-stop (0.48, shade(@button_gradient2, 1.03)), - color-stop (0.52, shade(@button_gradient3, 1.03)), + color-stop (0.50, shade(@button_gradient3, 1.03)), to (shade(@button_gradient4, 1.01))); } @@ -6397,7 +6392,7 @@ stack .linked.vertical spinbutton.horizontal button:active:last-child { 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.95)), + color-stop (0.50, shade (@theme_bg_color, 0.99)), to (shade (@theme_bg_color, 0.80))); } diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css index 011cbc36..66ed2999 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css @@ -219,7 +219,7 @@ border-color: @borders; } -.nemo-properties-dialog box.vertical.dialog-vbox frame.view GtkViewport.frame { +.nemo-properties-dialog box.vertical.dialog-vbox frame.view viewport.frame { background-color: shade (@theme_bg_color, 1.1); } @@ -307,3 +307,58 @@ window.background box.vertical notebook box.horizontal box.vertical notebook { border-style: none; } +/* meld */ + +.meld-notebook-toolbar > toolitem > filechooserbutton > button.file > box > label { + color: @theme_fg_color; + text-shadow: none; +} + +.meld-notebook-toolbar > toolitem > filechooserbutton > button.file { + 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: 6px; + border-style: solid; + /* outer */ + 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); +} + +.meld-notebook-toolbar > toolitem > filechooserbutton > button.file:hover { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@button_gradient1, 1.03)), + to (shade(@button_gradient4, 1.01))); + 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); +} + +.meld-notebook-toolbar > toolitem > filechooserbutton > button.file:focus { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@button_gradient1), + color-stop (0.50, @button_gradient3), + to (@button_gradient4)); + /* outer */ + 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 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); +} + -- cgit v1.2.1