From 4a1ef29194f2825b699637884f4de5d76d193734 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Thu, 23 Jul 2015 17:06:06 +0200 Subject: Submarine themes GTK3: style single action-area button --- .../Blue-Submarine/gtk-3.0/gtk-widgets.css | 43 +++++++++++++++++++ .../Green-Submarine/gtk-3.0/gtk-widgets.css | 50 ++++++++++++++++++++++ 2 files changed, 93 insertions(+) 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 8e3c5f69..e3508574 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css @@ -4637,6 +4637,49 @@ GtkMessageDialog { border-radius: 6px; } +.dialog-action-area.linked .button:only-child { + border-width: 0px; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@button_gradient1), + color-stop (0.48, @button_gradient2), + color-stop (0.52, @button_gradient3), + to (@button_gradient4)); + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + 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); +} + +.dialog-action-area.linked .button:focus:only-child { + 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); +} + +.dialog-action-area.linked .button:hover:only-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)), + to (shade(@button_gradient4, 1.01))); +} + +.dialog-action-area.linked .button:active:only-child { + 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.95)), + to (shade (@theme_bg_color, 0.80))); +} + .dialog-action-area.linked .button.suggested-action, .dialog-action-area.linked .button.suggested-action:active, .dialog-action-area.linked .button.suggested-action:checked, diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css index a6d25af5..b0c12ecc 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css @@ -4615,6 +4615,56 @@ GtkMessageDialog { border-radius: 6px; } +.dialog-action-area.linked .button:only-child { + border-width: 0px; + background-image: -gtk-gradient (linear, + left top, left bottom, + from (@button_gradient1), + color-stop (0.48, @button_gradient2), + color-stop (0.52, @button_gradient3), + to (@button_gradient4)); + box-shadow: inset 0px 2px alpha(#fff, 0.11), + inset 2px 0px alpha(#fff, 0.09), + inset -2px 0px alpha(#fff, 0.09), + inset 0px -2px alpha(#fff, 0.07), + 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); +} + +.dialog-action-area.linked .button:focus:only-child { + box-shadow: inset 0px 1px shade(@selected_bg_color, 1.05), + inset 1px 0px shade(@selected_bg_color, 0.97), + inset -1px 0px shade(@selected_bg_color, 0.93), + inset 0px -1px shade(@selected_bg_color, 0.93); +} + +.dialog-action-area.linked .button:hover:only-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)), + to (shade(@button_gradient4, 1.01))); +} + +.dialog-action-area.linked .button:active:only-child { + 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.95)), + to (shade (@theme_bg_color, 0.80))); +} + +.dialog-action-area.linked .button.suggested-action, +.dialog-action-area.linked .button.suggested-action:active, +.dialog-action-area.linked .button.suggested-action:checked, +.dialog-action-area.linked .button.suggested-action:insensitive { + box-shadow: none; +} + .dialog-action-area.linked .button.suggested-action, .dialog-action-area.linked .button.suggested-action:active, .dialog-action-area.linked .button.suggested-action:checked, -- cgit v1.2.1