pimping lightdm-greeter

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;
 }