From 084af693d34a6f8015f798b756d1a24c5e1b8fc2 Mon Sep 17 00:00:00 2001 From: bionel Date: Wed, 27 Apr 2016 12:16:30 +0300 Subject: pimping lightdm-greeter --- .../gtk-3.0/apps/lightdm-gtk-greeter.css | 106 +++++---------------- .../gtk-3.0/apps/lightdm-gtk-greeter.css | 106 +++++---------------- 2 files changed, 52 insertions(+), 160 deletions(-) diff --git a/Kogaion-daylight/gtk-3.0/apps/lightdm-gtk-greeter.css b/Kogaion-daylight/gtk-3.0/apps/lightdm-gtk-greeter.css index 874cdb3..1887f32 100644 --- a/Kogaion-daylight/gtk-3.0/apps/lightdm-gtk-greeter.css +++ b/Kogaion-daylight/gtk-3.0/apps/lightdm-gtk-greeter.css @@ -36,7 +36,7 @@ } #panel_window .menubar .menu { - border-radius: 1px; + border-radius: 0; } #panel_window .menubar .menu .menuitem { @@ -51,23 +51,18 @@ #shutdown_dialog, #restart_dialog { border-style: none; - border-radius: 2px; - background-color: @lightdm_bg_color; + border-radius: 0; + background-color: transparent; color: @lightdm_fg_color; - - /* draw border using box-shadow */ - box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), - inset -1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), - inset 0 1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), - inset 0 -1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21); } #content_frame { padding-bottom: 14px; + border-style: none; } #login_window .menu { - border-radius: 1px; + border-radius: 0; } #login_window GtkComboBox .button, @@ -88,7 +83,7 @@ #login_window GtkComboBox .button:hover:focus, #login_window GtkComboBox .button:active:focus, #login_window GtkComboBox .button:active:hover:focus { - background: none; + background: transparent; border-style: none; } @@ -107,11 +102,9 @@ #login_window .entry { padding: 3px 5px; - border-width: 1px; - border-style: solid; - border-color: shade(@lightdm_bg_color, 0.8); - border-radius: 2px; - background-color: shade(@lightdm_bg_color, 0.9); + border-style: none; + border-radius: 0; + background-color: alpha(black, 0.05); background-image: none; color: @lightdm_fg_color; @@ -121,12 +114,7 @@ #login_window .entry:focus, #login_window .entry:hover { - border-color: shade(@lightdm_bg_color, 0.7); - - box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10), - inset 0 1px alpha(@dark_shadow, 0.12), - inset -1px 0 alpha(@dark_shadow, 0.10), - inset 0 -1px alpha(@dark_shadow, 0.05); + border-color: alpha(black, 0.05); } #login_window .button, @@ -134,44 +122,34 @@ #restart_dialog .button { padding: 3px 15px; border-width: 1px; - border-radius: 2px; + border-radius: 0; border-style: solid; - border-color: shade(@lightdm_bg_color, 0.8); - background-color: shade(@lightdm_bg_color, 1.08); + border-color: alpha(black, 0.05); + background-color: transparent; background-image: none; color: @lightdm_fg_color; - transition: all 150ms ease-out; } #user_image { padding: 3px; - border-radius: 2px; - - /* draw border using box-shadow */ - box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7), - inset -1px 0 shade(@lightdm_bg_color, 0.7), - inset 0 1px shade(@lightdm_bg_color, 0.7), - inset 0 -1px shade(@lightdm_bg_color, 0.7); + border-radius: 0; + border-style: none; } #user_image_border { - border-radius: 2px; - background-color: shade(@lightdm_bg_color, 0.9); + border-radius: 0; + background-color: transparent; background-image: none; - - box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), - inset 0 1px alpha(@dark_shadow, 0.08), - inset -1px 0 alpha(@dark_shadow, 0.07), - inset 0 -1px alpha(@dark_shadow, 0.05); + border-style: none; } #buttonbox_frame { padding-top: 10px; padding-bottom: 0; border-style: none; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; background-color: transparent; background-image: none; box-shadow: none; @@ -189,8 +167,8 @@ #shutdown_dialog .button:active:focus, #restart_dialog .button:focus, #restart_dialog .button:active:focus { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 1.08); + border-color: alpha(black, 0.05); + background-color: transparent; background-image: none; color: @theme_selected_fg_color; } @@ -204,42 +182,8 @@ #shutdown_dialog .button:active:hover:focus, #restart_dialog .button:hover:focus, #restart_dialog .button:active:hover:focus { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: @theme_selected_bg_color; -} - -/******************* - * shutdown button * - *******************/ -#shutdown_button.button { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 1.08); - background-image: none; - color: @error_fg_color; -} - -#shutdown_button.button:hover, -#shutdown_button.button:active, -#shutdown_button.button:active:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: @error_bg_color; -} - -/****************** - * restart button * - ******************/ -#restart_button.button { - border-color: shade(@warning_bg_color, 0.8); - background-color: shade(@warning_bg_color, 1.08); - background-image: none; - color: @warning_fg_color; -} - -#restart_button.button:hover, -#restart_button.button:active, -#restart_button.button:active:hover { - border-color: shade(@warning_bg_color, 0.7); - background-color: @warning_bg_color; + border-color: alpha(black, 0.05); + background-color: alpha(white, 0.05); } /******************** @@ -247,4 +191,6 @@ ********************/ #greeter_infobar { font: bold; + background-color: alpha(black, 0.05); + color: @lightdm_fg_color; } diff --git a/Kogaion-nighttime/gtk-3.0/apps/lightdm-gtk-greeter.css b/Kogaion-nighttime/gtk-3.0/apps/lightdm-gtk-greeter.css index 874cdb3..1887f32 100644 --- a/Kogaion-nighttime/gtk-3.0/apps/lightdm-gtk-greeter.css +++ b/Kogaion-nighttime/gtk-3.0/apps/lightdm-gtk-greeter.css @@ -36,7 +36,7 @@ } #panel_window .menubar .menu { - border-radius: 1px; + border-radius: 0; } #panel_window .menubar .menu .menuitem { @@ -51,23 +51,18 @@ #shutdown_dialog, #restart_dialog { border-style: none; - border-radius: 2px; - background-color: @lightdm_bg_color; + border-radius: 0; + background-color: transparent; color: @lightdm_fg_color; - - /* draw border using box-shadow */ - box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), - inset -1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), - inset 0 1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), - inset 0 -1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21); } #content_frame { padding-bottom: 14px; + border-style: none; } #login_window .menu { - border-radius: 1px; + border-radius: 0; } #login_window GtkComboBox .button, @@ -88,7 +83,7 @@ #login_window GtkComboBox .button:hover:focus, #login_window GtkComboBox .button:active:focus, #login_window GtkComboBox .button:active:hover:focus { - background: none; + background: transparent; border-style: none; } @@ -107,11 +102,9 @@ #login_window .entry { padding: 3px 5px; - border-width: 1px; - border-style: solid; - border-color: shade(@lightdm_bg_color, 0.8); - border-radius: 2px; - background-color: shade(@lightdm_bg_color, 0.9); + border-style: none; + border-radius: 0; + background-color: alpha(black, 0.05); background-image: none; color: @lightdm_fg_color; @@ -121,12 +114,7 @@ #login_window .entry:focus, #login_window .entry:hover { - border-color: shade(@lightdm_bg_color, 0.7); - - box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10), - inset 0 1px alpha(@dark_shadow, 0.12), - inset -1px 0 alpha(@dark_shadow, 0.10), - inset 0 -1px alpha(@dark_shadow, 0.05); + border-color: alpha(black, 0.05); } #login_window .button, @@ -134,44 +122,34 @@ #restart_dialog .button { padding: 3px 15px; border-width: 1px; - border-radius: 2px; + border-radius: 0; border-style: solid; - border-color: shade(@lightdm_bg_color, 0.8); - background-color: shade(@lightdm_bg_color, 1.08); + border-color: alpha(black, 0.05); + background-color: transparent; background-image: none; color: @lightdm_fg_color; - transition: all 150ms ease-out; } #user_image { padding: 3px; - border-radius: 2px; - - /* draw border using box-shadow */ - box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7), - inset -1px 0 shade(@lightdm_bg_color, 0.7), - inset 0 1px shade(@lightdm_bg_color, 0.7), - inset 0 -1px shade(@lightdm_bg_color, 0.7); + border-radius: 0; + border-style: none; } #user_image_border { - border-radius: 2px; - background-color: shade(@lightdm_bg_color, 0.9); + border-radius: 0; + background-color: transparent; background-image: none; - - box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07), - inset 0 1px alpha(@dark_shadow, 0.08), - inset -1px 0 alpha(@dark_shadow, 0.07), - inset 0 -1px alpha(@dark_shadow, 0.05); + border-style: none; } #buttonbox_frame { padding-top: 10px; padding-bottom: 0; border-style: none; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; background-color: transparent; background-image: none; box-shadow: none; @@ -189,8 +167,8 @@ #shutdown_dialog .button:active:focus, #restart_dialog .button:focus, #restart_dialog .button:active:focus { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 1.08); + border-color: alpha(black, 0.05); + background-color: transparent; background-image: none; color: @theme_selected_fg_color; } @@ -204,42 +182,8 @@ #shutdown_dialog .button:active:hover:focus, #restart_dialog .button:hover:focus, #restart_dialog .button:active:hover:focus { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: @theme_selected_bg_color; -} - -/******************* - * shutdown button * - *******************/ -#shutdown_button.button { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 1.08); - background-image: none; - color: @error_fg_color; -} - -#shutdown_button.button:hover, -#shutdown_button.button:active, -#shutdown_button.button:active:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: @error_bg_color; -} - -/****************** - * restart button * - ******************/ -#restart_button.button { - border-color: shade(@warning_bg_color, 0.8); - background-color: shade(@warning_bg_color, 1.08); - background-image: none; - color: @warning_fg_color; -} - -#restart_button.button:hover, -#restart_button.button:active, -#restart_button.button:active:hover { - border-color: shade(@warning_bg_color, 0.7); - background-color: @warning_bg_color; + border-color: alpha(black, 0.05); + background-color: alpha(white, 0.05); } /******************** @@ -247,4 +191,6 @@ ********************/ #greeter_infobar { font: bold; + background-color: alpha(black, 0.05); + color: @lightdm_fg_color; } -- cgit v1.2.3