From ea4b9cad7fb406bbf172f43b507432a860b177c5 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sat, 24 Sep 2016 15:29:29 +0200 Subject: Gtk+-3.20 Submarine themes: use a dark style for lightdm --- .../Blue-Submarine/gtk-3.0/other-applications.css | 146 +++++++++++++++++++++ .../Green-Submarine/gtk-3.0/other-applications.css | 146 +++++++++++++++++++++ 2 files changed, 292 insertions(+) (limited to 'desktop-themes') 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 804caf0c..7589b2be 100644 --- a/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css +++ b/desktop-themes/Blue-Submarine/gtk-3.0/other-applications.css @@ -635,3 +635,149 @@ window.background > box.vertical > notebook overlay > scrolledwindow viewport { border-width: 0px; } +/*********** + * Lightdm * + ***********/ + +#login_window.background.lightdm-gtk-greeter, +#login_window.background.lightdm-gtk-greeter box.vertical { + border-radius: 10px; + border-style: solid; + border-width: 2px; + border-color: shade(@bg_dark_color, 0.8); + /* not sure if box-shadow works here */ + box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow; + background-color: @bg_dark_color; +} + +#login_window.background.lightdm-gtk-greeter #content_frame, +#login_window.background.lightdm-gtk-greeter #buttonbox_frame { + border-radius: 0px; + border-style: none; + border-width: 0px; +} + +#login_window.background.lightdm-gtk-greeter #user_image_border { + border-style: solid; + border-width: 1px; + border-color: shade(@bg_dark_color, 1.4); +} + + +#panel_window.background.menubar.lightdm-gtk-greeter { + /* not sure if box-shadow works here */ + box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow; + background-color: @bg_dark_color; +} + +#panel_window.background.menubar.lightdm-gtk-greeter label { + color: @fg_dark_color; +} + +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo, +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus, +#login_window.background.lightdm-gtk-greeter #buttonbox_frame button, +#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:focus { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + box-shadow: none; + color: @menu_fg_dark_color; +} + +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo cellview, +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus cellview { + color: @menu_fg_dark_color; + text-shadow: none; +} + +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo arrow, +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus arrow { + color: @menu_fg_dark_color; +} + +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:hover, +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:hover:active, +#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:hover, +#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:hover:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_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); +} + +#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry, +#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry:focus { + background-color: transparent; + background-image: -gtk-gradient(linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 1.16)), + color-stop (0.15, shade(@menu_bg_dark_color, 1.26)), + color-stop (0.50, shade(@menu_bg_dark_color, 1.28)), + to (shade(@menu_bg_dark_color, 1.30))); + color: shade (@menu_fg_dark_color, 1.0); + box-shadow: inset 0px 1px shade(@menu_fg_dark_color, 0.3), + inset 1px 0px shade(@menu_fg_dark_color, 0.3), + inset -1px 0px shade(@menu_fg_dark_color, 0.3), + inset 0px -1px shade(@menu_fg_dark_color, 0.3); + /* color of the cursor */ + caret-color: shade (@menu_fg_dark_color, 1.0); +} + +#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry selection, +#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry selection:focus { + background-color: shade(@menu_fg_dark_color, 0.4); + color: shade (@menu_fg_dark_color, 1.2); +} + +#restart_dialog.lightdm-gtk-greeter, +#shutdown_dialog.lightdm-gtk-greeter { + border-radius: 10px; + border-style: solid; + border-width: 2px; + border-color: shade(@bg_dark_color, 0.8); + /* not sure if box-shadow works here */ + box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow; + background-color: @bg_dark_color; +} + +#restart_dialog.lightdm-gtk-greeter .dialog-vbox, +#shutdown_dialog.lightdm-gtk-greeter .dialog-vbox { + background-color: transparent; + color: shade (@menu_fg_dark_color, 1.0); +} + +#restart_dialog.lightdm-gtk-greeter .linked button, +#shutdown_dialog.lightdm-gtk-greeter .linked button { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + box-shadow: none; + color: @menu_fg_dark_color; + margin: 0px 0px 0px -1px; +} + +#restart_dialog.lightdm-gtk-greeter .linked button:hover:first-child, +#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:first-child, +#restart_dialog.lightdm-gtk-greeter .linked button:hover:active:first-child, +#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:active:first-child, +#restart_dialog.lightdm-gtk-greeter .linked button:hover:last-child, +#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:last-child, +#restart_dialog.lightdm-gtk-greeter .linked button:hover:active:last-child, +#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:active:last-child { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_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);; +} + diff --git a/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css b/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css index ac9741fc..6ab849ef 100644 --- a/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css +++ b/desktop-themes/Green-Submarine/gtk-3.0/other-applications.css @@ -628,3 +628,149 @@ window.background > box.vertical > notebook overlay > scrolledwindow viewport { border-width: 0px; } +/*********** + * Lightdm * + ***********/ + +#login_window.background.lightdm-gtk-greeter, +#login_window.background.lightdm-gtk-greeter box.vertical { + border-radius: 10px; + border-style: solid; + border-width: 2px; + border-color: shade(@bg_dark_color, 0.8); + /* not sure if box-shadow works here */ + box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow; + background-color: @bg_dark_color; +} + +#login_window.background.lightdm-gtk-greeter #content_frame, +#login_window.background.lightdm-gtk-greeter #buttonbox_frame { + border-radius: 0px; + border-style: none; + border-width: 0px; +} + +#login_window.background.lightdm-gtk-greeter #user_image_border { + border-style: solid; + border-width: 1px; + border-color: shade(@bg_dark_color, 1.4); +} + + +#panel_window.background.menubar.lightdm-gtk-greeter { + /* not sure if box-shadow works here */ + box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow; + background-color: @bg_dark_color; +} + +#panel_window.background.menubar.lightdm-gtk-greeter label { + color: @fg_dark_color; +} + +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo, +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus, +#login_window.background.lightdm-gtk-greeter #buttonbox_frame button, +#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:focus { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + box-shadow: none; + color: @menu_fg_dark_color; +} + +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo cellview, +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus cellview { + color: @menu_fg_dark_color; + text-shadow: none; +} + +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo arrow, +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:focus arrow { + color: @menu_fg_dark_color; +} + +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:hover, +#login_window.background.lightdm-gtk-greeter #content_frame #user_combobox .linked button.combo:hover:active, +#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:hover, +#login_window.background.lightdm-gtk-greeter #buttonbox_frame button:hover:active { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + 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); +} + +#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry, +#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry:focus { + background-color: transparent; + background-image: -gtk-gradient(linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 1.16)), + color-stop (0.15, shade(@menu_bg_dark_color, 1.26)), + color-stop (0.50, shade(@menu_bg_dark_color, 1.28)), + to (shade(@menu_bg_dark_color, 1.30))); + color: shade (@menu_fg_dark_color, 1.0); + box-shadow: inset 0px 1px shade(@menu_fg_dark_color, 0.3), + inset 1px 0px shade(@menu_fg_dark_color, 0.3), + inset -1px 0px shade(@menu_fg_dark_color, 0.3), + inset 0px -1px shade(@menu_fg_dark_color, 0.3); + /* color of the cursor */ + caret-color: shade (@menu_fg_dark_color, 1.0); +} + +#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry selection, +#login_window.background.lightdm-gtk-greeter #content_frame #prompt_entry selection:focus { + background-color: shade(@menu_fg_dark_color, 0.4); + color: shade (@menu_fg_dark_color, 1.2); +} + +#restart_dialog.lightdm-gtk-greeter, +#shutdown_dialog.lightdm-gtk-greeter { + border-radius: 10px; + border-style: solid; + border-width: 2px; + border-color: shade(@bg_dark_color, 0.8); + /* not sure if box-shadow works here */ + box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow; + background-color: @bg_dark_color; +} + +#restart_dialog.lightdm-gtk-greeter .dialog-vbox, +#shutdown_dialog.lightdm-gtk-greeter .dialog-vbox { + background-color: transparent; + color: shade (@menu_fg_dark_color, 1.0); +} + +#restart_dialog.lightdm-gtk-greeter .linked button, +#shutdown_dialog.lightdm-gtk-greeter .linked button { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + box-shadow: none; + color: @menu_fg_dark_color; + margin: 0px 0px 0px -1px; +} + +#restart_dialog.lightdm-gtk-greeter .linked button:hover:first-child, +#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:first-child, +#restart_dialog.lightdm-gtk-greeter .linked button:hover:active:first-child, +#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:active:first-child, +#restart_dialog.lightdm-gtk-greeter .linked button:hover:last-child, +#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:last-child, +#restart_dialog.lightdm-gtk-greeter .linked button:hover:active:last-child, +#shutdown_dialog.lightdm-gtk-greeter .linked button:hover:active:last-child { + background-image: -gtk-gradient (linear, + left top, left bottom, + from (shade(@menu_bg_dark_color, 2.03)), + to (shade(@menu_bg_dark_color, 1.17))); + 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); +} + -- cgit v1.2.1