From 80d873ad05e4a429bd265da84b73f8ab692c3d57 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 18 Oct 2016 11:24:07 +0200 Subject: GTK+-3.20 submarine themes: use a dark style for lock-dialog from screensaver --- desktop-themes/Blue-Submarine/gtk-3.0/gtk.css | 2 +- .../Blue-Submarine/gtk-3.0/mate-applications.css | 82 ++++++++++++++++++++-- 2 files changed, 76 insertions(+), 8 deletions(-) (limited to 'desktop-themes/Blue-Submarine') diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css index 3b1e1142..561742cc 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk.css @@ -37,7 +37,7 @@ @define-color theme_path_active_color shade(@theme_bg_dark_color, 0.78); @define-color theme_mdi_bg_color shade(@theme_bg_dark_color, 0.90); @define-color theme_mdi_border_color shade(@theme_bg_dark_color, 0.70); - +@define-color theme_dark_dialog_bg_color #121E27; @define-color menu_bg_dark_color shade(@theme_bg_dark_color, 0.95); @define-color menu_fg_dark_color shade(@theme_fg_dark_color, 1.00); @define-color menu_shadow_dark_color alpha(#000, 0.30); 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 2ec4fb08..9720a4c1 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css @@ -1167,15 +1167,16 @@ GvcMixerDialog notebook.frame box.vertical box.horizontal box.horizontal frame b border-color: transparent; } -/* mate-screensaver lock dialog */ +/******************************** + * mate-screensaver lock dialog * + ********************************/ -.lock-dialog { +.lock-dialog.background { border-radius: 10px; border-style: solid; border-width: 2px; - border-color: shade(@button_border, 1.0); - /* not sure if box-shadow works here */ - box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow; + border-color: shade(@theme_dark_dialog_bg_color, 0.8); + background-color: @theme_dark_dialog_bg_color; } .lock-dialog frame { @@ -1185,10 +1186,77 @@ GvcMixerDialog notebook.frame box.vertical box.horizontal box.horizontal frame b } .lock-dialog notebook { - background-color: shade (@theme_bg_color, 1.0); + background-color: @theme_dark_dialog_bg_color; + color: @theme_text_dark_color; } -/* multimedia OSD */ +.lock-dialog entry, +.lock-dialog entry:focus, +.lock-dialog textview text { + background-color: transparent; + background-image: -gtk-gradient(linear, + left top, left bottom, + from (shade(@theme_dark_dialog_bg_color, 1.16)), + color-stop (0.15, shade(@theme_dark_dialog_bg_color, 1.26)), + color-stop (0.50, shade(@theme_dark_dialog_bg_color, 1.28)), + to (shade(@theme_dark_dialog_bg_color, 1.30))); + color: shade (@menu_fg_dark_color, 1.0); + box-shadow: inset 0px 1px shade(@theme_dark_dialog_bg_color, 1.6), + inset 1px 0px shade(@theme_dark_dialog_bg_color, 1.6), + inset -1px 0px shade(@theme_dark_dialog_bg_color, 1.6), + inset 0px -1px shade(@theme_dark_dialog_bg_color, 1.6); + /* color of the cursor */ + caret-color: shade (@theme_text_dark_color, 1.0); +} + +.lock-dialog button, +.lock-dialog button:focus { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@bg_dark_color, 2.03)), + to (shade(@bg_dark_color, 1.17))); + box-shadow: none; + color: @theme_text_dark_color; +} + +.lock-dialog button:hover, +.lock-dialog button.default, +.lock-dialog button:hover:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@bg_dark_color, 2.03)), + to (shade(@bg_dark_color, 1.17))); + 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); +} + +.lock-dialog button, +.lock-dialog button:hover:active { + border-radius: 0px; + border-width: 1px 0px 1px 0px; + margin: 0px -3px 0px -2px; +} + +.lock-dialog button:nth-child(first), +.lock-dialog button:nth-child(first):hover:active { + border-radius: 5px 0px 0px 5px; + border-width: 1px 1px 1px 1px; + margin: 0px -4px 0px 0px; +} + +.lock-dialog button:nth-child(last), +.lock-dialog button:nth-child(last):hover:active { + border-radius: 0px 5px 5px 0px; + border-width: 1px 1px 1px 1px; + margin: 0px 0px 0px -3px; +} + +/****************** + * multimedia OSD * + ******************/ + MsdOsdWindow.background.osd { border-radius: 30px; border-style: solid; -- cgit v1.2.1