From bf6370214bb7af2d144ad50e11bac2f8d7fc9642 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sun, 4 Mar 2018 15:16:26 +0100 Subject: Menta themes: add images for backdrop state to gtk-widgets-backgrounds --- .../BlueMenta/gtk-3.0/gtk-widgets-backgrounds.css | 92 ++++++++++++++++++---- .../Menta/gtk-3.0/gtk-widgets-backgrounds.css | 90 +++++++++++++++++---- 2 files changed, 149 insertions(+), 33 deletions(-) diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-backgrounds.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-backgrounds.css index c67fb3a4..1c167922 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-backgrounds.css +++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-backgrounds.css @@ -1,7 +1,6 @@ /* Button background */ button, combobox button.combo, -combobox button.combo:backdrop, toolbar .raised button, toolbar combobox button.combo, toolbar.primary-toolbar .linked button, @@ -14,6 +13,7 @@ toolbar.primary-toolbar .raised button { /* Pushed button and progressbar through background (checked) */ button:checked, +button:checked:backdrop, button:focus:checked, toolbar button:checked, toolbar button:focus:checked, @@ -95,9 +95,12 @@ toolbar.primary-toolbar button:hover { /* Insensitive button background */ button:disabled, toolbar combobox button.combo:disabled, -toolbar .raised button:disabled { - background-image: none; - background-color: @insensitive_bg_color; +toolbar .raised button:disabled, +button:disabled:backdrop, +toolbar combobox button.combo:disabled:backdrop, +toolbar .raised button:disabled:backdrop { + background-image: none; + background-color: @insensitive_bg_color; } /* Pushed + Insensitive button background */ @@ -111,15 +114,26 @@ toolbar combobox button.combo:checked:disabled { background-color: transparent; } +button:backdrop, +combobox button.combo:backdrop, +toolbar .raised button:backdrop, +toolbar combobox button.combo:backdrop, +toolbar.primary-toolbar .linked button:backdrop, +toolbar.primary-toolbar .raised button:backdrop { + background-image: linear-gradient(to bottom, + @button_gradient_backdrop_color_a, + @button_gradient_backdrop_color_b); + background-color: transparent; +} + /* Entry background */ entry, -toolbar.primary-toolbar combobox entry.combo, -levelbar trough { - background-image: linear-gradient(to bottom, - @entry_background_a, - @entry_background_b); - box-shadow: inset 0 1px @entry_inset, - inset 0 2px alpha(@entry_inset, 0.4); +toolbar.primary-toolbar combobox entry.combo { + background-image: linear-gradient(to bottom, + @entry_background_a, + @entry_background_b); + box-shadow: inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); } /* Entry pushed button background */ @@ -140,8 +154,7 @@ treeview header button { box-shadow: inset 0 2px 0 0 alpha(@borders, 0.3); } -/* ie. yumex-dnf */ -stack treeview header button { +treeview header button { background-image: linear-gradient(to bottom, shade(@theme_bg_color, 1.18), shade(@theme_bg_color, 1.1)); @@ -169,10 +182,22 @@ treeview header button:hover:active { /* Insensitive entry background */ entry:disabled, combobox button.combo:disabled, -levelbar trough:disabled { - background-color: @insensitive_bg_color; - background-image: none; - box-shadow: none; +levelbar trough:disabled, +entry:disabled:backdrop, +combobox button.combo:disabled:backdrop, +levelbar trough:disabled:backdrop { + background-color: @insensitive_bg_color; + background-image: none; + box-shadow: none; +} + +/* unfocused entry background */ +entry:backdrop, +toolbar.primary-toolbar combobox entry.combo:backdrop { + background-image: linear-gradient(to bottom, + shade (@backdrop_selected_color, 1.02), + shade (@backdrop_color, 1.02)); + color: @theme_unfocused_fg_color; } /* Primary and inline toolbars background */ @@ -257,3 +282,36 @@ progressbar.vertical progress { @progressbar_background_a, @progressbar_background_b); } + +progressbar:backdrop progress, +row progressbar:backdrop progress, +row:selected progressbar:backdrop progress { + background-image: linear-gradient(to left top, + alpha (@progressbar_pattern, 0.25), + alpha (@progressbar_pattern, 0.25) 25%, + transparent 25%, + transparent 50%, + alpha (@progressbar_pattern, 0.25) 50%, + alpha (@progressbar_pattern, 0.25) 75%, + transparent 75%, + transparent), + linear-gradient(to bottom, + shade (@backdrop_color, 0.8), + shade (@backdrop_selected_color, 0.8)); +} + +progressbar.vertical:backdrop progress { + background-image: linear-gradient(to right top, + alpha (@progressbar_pattern, 0.25), + alpha (@progressbar_pattern, 0.25) 25%, + transparent 25%, + transparent 50%, + alpha (@progressbar_pattern, 0.25) 50%, + alpha (@progressbar_pattern, 0.25) 75%, + transparent 75%, + transparent), + linear-gradient(to right, + shade (@backdrop_color, 0.8), + shade (@backdrop_selected_color, 0.8)); +} + diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css index c67fb3a4..898541bd 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css @@ -95,9 +95,12 @@ toolbar.primary-toolbar button:hover { /* Insensitive button background */ button:disabled, toolbar combobox button.combo:disabled, -toolbar .raised button:disabled { - background-image: none; - background-color: @insensitive_bg_color; +toolbar .raised button:disabled, +button:disabled:backdrop, +toolbar combobox button.combo:disabled:backdrop, +toolbar .raised button:disabled:backdrop { + background-image: none; + background-color: @insensitive_bg_color; } /* Pushed + Insensitive button background */ @@ -111,15 +114,26 @@ toolbar combobox button.combo:checked:disabled { background-color: transparent; } +button:backdrop, +combobox button.combo:backdrop, +toolbar .raised button:backdrop, +toolbar combobox button.combo:backdrop, +toolbar.primary-toolbar .linked button:backdrop, +toolbar.primary-toolbar .raised button:backdrop { + background-image: linear-gradient(to bottom, + @button_gradient_backdrop_color_a, + @button_gradient_backdrop_color_b); + background-color: transparent; +} + /* Entry background */ entry, -toolbar.primary-toolbar combobox entry.combo, -levelbar trough { - background-image: linear-gradient(to bottom, - @entry_background_a, - @entry_background_b); - box-shadow: inset 0 1px @entry_inset, - inset 0 2px alpha(@entry_inset, 0.4); +toolbar.primary-toolbar combobox entry.combo { + background-image: linear-gradient(to bottom, + @entry_background_a, + @entry_background_b); + box-shadow: inset 0 1px @entry_inset, + inset 0 2px alpha(@entry_inset, 0.4); } /* Entry pushed button background */ @@ -140,8 +154,7 @@ treeview header button { box-shadow: inset 0 2px 0 0 alpha(@borders, 0.3); } -/* ie. yumex-dnf */ -stack treeview header button { +treeview header button { background-image: linear-gradient(to bottom, shade(@theme_bg_color, 1.18), shade(@theme_bg_color, 1.1)); @@ -169,10 +182,22 @@ treeview header button:hover:active { /* Insensitive entry background */ entry:disabled, combobox button.combo:disabled, -levelbar trough:disabled { - background-color: @insensitive_bg_color; - background-image: none; - box-shadow: none; +levelbar trough:disabled, +entry:disabled:backdrop, +combobox button.combo:disabled:backdrop, +levelbar trough:disabled:backdrop { + background-color: @insensitive_bg_color; + background-image: none; + box-shadow: none; +} + +/* unfocused entry background */ +entry:backdrop, +toolbar.primary-toolbar combobox entry.combo:backdrop { + background-image: linear-gradient(to bottom, + shade (@backdrop_selected_color, 1.02), + shade (@backdrop_color, 1.02)); + color: @theme_unfocused_fg_color; } /* Primary and inline toolbars background */ @@ -257,3 +282,36 @@ progressbar.vertical progress { @progressbar_background_a, @progressbar_background_b); } + +progressbar:backdrop progress, +row progressbar:backdrop progress, +row:selected progressbar:backdrop progress { + background-image: linear-gradient(to left top, + alpha (@progressbar_pattern, 0.25), + alpha (@progressbar_pattern, 0.25) 25%, + transparent 25%, + transparent 50%, + alpha (@progressbar_pattern, 0.25) 50%, + alpha (@progressbar_pattern, 0.25) 75%, + transparent 75%, + transparent), + linear-gradient(to bottom, + shade (@backdrop_color, 0.8), + shade (@backdrop_selected_color, 0.8)); +} + +progressbar.vertical:backdrop progress { + background-image: linear-gradient(to right top, + alpha (@progressbar_pattern, 0.25), + alpha (@progressbar_pattern, 0.25) 25%, + transparent 25%, + transparent 50%, + alpha (@progressbar_pattern, 0.25) 50%, + alpha (@progressbar_pattern, 0.25) 75%, + transparent 75%, + transparent), + linear-gradient(to right, + shade (@backdrop_color, 0.8), + shade (@backdrop_selected_color, 0.8)); +} + -- cgit v1.2.1