add lightdm styles

13 files changed, 1023 insertions, 0 deletions

diff --git a/common/gtk-3.0/3.16/_lightdm.scss b/common/gtk-3.0/3.16/_lightdm.scss
new file mode 100644
index 0000000..9b14d09
--- /dev/null
+++ b/common/gtk-3.0/3.16/_lightdm.scss
@@ -0,0 +1,141 @@
+/* the panel widget at the top */
+#panel_window {
+  background-color: $panel_bg;
+  color: $panel_fg;
+  font: bold;
+  box-shadow: inset 0 -1px darken($panel_bg, 7%);
+
+  /* the menubars/menus of the panel, i.e. indicators */
+  .menubar,
+  .menubar > .menuitem {
+    background-color: transparent;
+    color: $panel_fg;
+    font: bold;
+  }
+
+  .menubar .menuitem:insensitive {
+    color: darken($panel_fg, 20%);
+
+    GtkLabel { color: inherit; }
+  }
+  .menubar .menu .menuitem { font: normal; }
+}
+
+/* the login window */
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  font: normal;
+  border-style: none;
+  background-color: transparent;
+  color: $fg_color;
+}
+
+/* the top half of the login-window, in GtkDialog terms, the content */
+#content_frame {
+  padding-bottom: 14px;
+  background-color: transparentize($bg_color, 0.05);
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+
+#content_frame .button {
+  @include button(normal);
+
+  &:hover { @include button(hover); }
+  &:active, &:checked { @include button(active); }
+  &:insensitive { @include button(insensitive); }
+}
+
+/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */
+#buttonbox_frame {
+  padding-top: 20px;
+  padding-bottom: 0px;
+  border-style: none;
+  background-color: $osd_bg_color;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+
+#buttonbox_frame .button{
+  @include button(osd);
+
+  &:hover { @include button(osd-hover); }
+  &:active, &:checked { @include button(osd-active); }
+  &:insensitive { @include button(osd-insensitive); }
+}
+
+#login_window #user_combobox {
+  color: $fg_color;
+  font: 13px;
+
+  .menu { font: normal; }
+  .arrow {}
+}
+
+/* the user's avatar box */
+#user_image {
+  padding: 3px;
+  border-radius: 3px;
+}
+
+/* the border around the user's avatar box */
+#user_image_border {}
+
+/* the shutdown button */
+#shutdown_button.button {
+  color: $selected_fg_color;
+  outline-color: transparentize($selected_fg_color, 0.7);
+  border-color: $destructive_color;
+  background-color: $destructive_color;
+  background-image: none;
+  background-clip: border-box;
+
+  &:hover {
+    color: $selected_fg_color;
+    outline-color: transparentize($selected_fg_color, 0.7);
+    border-color: lighten($destructive_color, 9%);
+    background-color: lighten($destructive_color, 9%);
+    background-image: none;
+  }
+  &:active, &:checked {
+    color: $selected_fg_color;
+    outline-color: transparentize($selected_fg_color, 0.7);
+    border-color: darken($destructive_color, 7%);
+    background-color: darken($destructive_color, 7%);
+    background-image: none;
+  }
+}
+
+/* the restart button */
+#restart_button.button {
+  $_restart_bg: #51CF74;
+
+  color: $selected_fg_color;
+  outline-color: transparentize($selected_fg_color, 0.7);
+  border-color: $_restart_bg;
+  background-color: $_restart_bg;
+  background-image: none;
+  background-clip: border-box;
+
+  &:hover {
+    color: $selected_fg_color;
+    outline-color: transparentize($selected_fg_color, 0.7);
+    border-color: lighten($_restart_bg, 9%);
+    background-color: lighten($_restart_bg, 9%);
+    background-image: none;
+  }
+  &:active, &:checked {
+    color: $selected_fg_color;
+    outline-color: transparentize($selected_fg_color, 0.7);
+    border-color: darken($_restart_bg, 7%);
+    background-color: darken($_restart_bg, 7%);
+    background-image: none;
+  }
+}
+
+/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */
+#greeter_infobar {
+  border-bottom-width: 0;
+  font: bold;
+}
diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css
index ce05c25..b257a4a 100644
--- a/common/gtk-3.0/3.16/gtk-contained-dark.css
+++ b/common/gtk-3.0/3.16/gtk-contained-dark.css
@@ -3063,6 +3063,152 @@ GraniteWidgetsPopOver * {
 GtkListBox .h4 {
   padding-left: 6px; }
 
+/* the panel widget at the top */
+#panel_window {
+  background-color: rgba(37, 39, 45, 0.95);
+  color: #A8ADB5;
+  font: bold;
+  box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95);
+  /* the menubars/menus of the panel, i.e. indicators */ }
+  #panel_window .menubar,
+  #panel_window .menubar > .menuitem {
+    background-color: transparent;
+    color: #A8ADB5;
+    font: bold; }
+  #panel_window .menubar .menuitem:insensitive {
+    color: #727985; }
+    #panel_window .menubar .menuitem:insensitive GtkLabel {
+      color: inherit; }
+  #panel_window .menubar .menu .menuitem {
+    font: normal; }
+
+/* the login window */
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  font: normal;
+  border-style: none;
+  background-color: transparent;
+  color: #D3DAE3; }
+
+/* the top half of the login-window, in GtkDialog terms, the content */
+#content_frame {
+  padding-bottom: 14px;
+  background-color: rgba(68, 72, 82, 0.95);
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px; }
+
+#content_frame .button {
+  color: #D3DAE3;
+  outline-color: rgba(211, 218, 227, 0.3);
+  border-color: #2d3036;
+  background-color: #3d414b; }
+  #content_frame .button:hover {
+    color: #D3DAE3;
+    outline-color: rgba(211, 218, 227, 0.3);
+    border-color: #5294E2;
+    background-color: #3d414b; }
+  #content_frame .button:active, #content_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-color: #5294E2; }
+  #content_frame .button:insensitive {
+    color: rgba(211, 218, 227, 0.45);
+    border-color: rgba(45, 48, 54, 0.55);
+    background-color: rgba(61, 65, 75, 0.55); }
+    #content_frame .button:insensitive > GtkLabel {
+      color: inherit; }
+
+/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */
+#buttonbox_frame {
+  padding-top: 20px;
+  padding-bottom: 0px;
+  border-style: none;
+  background-color: rgba(60, 64, 73, 0.95);
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px; }
+
+#buttonbox_frame .button {
+  color: #A8ADB5;
+  outline-color: rgba(168, 173, 181, 0.3);
+  border-color: rgba(168, 173, 181, 0.3);
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:hover {
+    color: #5294E2;
+    outline-color: rgba(168, 173, 181, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:active, #buttonbox_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, #5294E2); }
+  #buttonbox_frame .button:insensitive {
+    color: #5c6069;
+    border-color: rgba(168, 173, 181, 0.2);
+    background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
+
+#login_window #user_combobox {
+  color: #D3DAE3;
+  font: 13px; }
+  #login_window #user_combobox .menu {
+    font: normal; }
+
+/* the user's avatar box */
+#user_image {
+  padding: 3px;
+  border-radius: 3px; }
+
+/* the border around the user's avatar box */
+/* the shutdown button */
+#shutdown_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #FA4349;
+  background-color: #FA4349;
+  background-image: none;
+  background-clip: border-box; }
+  #shutdown_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #fb7074;
+    background-color: #fb7074;
+    background-image: none; }
+  #shutdown_button.button:active, #shutdown_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #f92027;
+    background-color: #f92027;
+    background-image: none; }
+
+/* the restart button */
+#restart_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #51CF74;
+  background-color: #51CF74;
+  background-image: none;
+  background-clip: border-box; }
+  #restart_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #75d991;
+    background-color: #75d991;
+    background-image: none; }
+  #restart_button.button:active, #restart_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #37c65e;
+    background-color: #37c65e;
+    background-image: none; }
+
+/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */
+#greeter_infobar {
+  border-bottom-width: 0;
+  font: bold; }
+
 .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator {
   color: rgba(36, 39, 45, 0.97); }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.scss b/common/gtk-3.0/3.16/gtk-contained-dark.scss
index e0042ca..f47d7b5 100644
--- a/common/gtk-3.0/3.16/gtk-contained-dark.scss
+++ b/common/gtk-3.0/3.16/gtk-contained-dark.scss
@@ -13,5 +13,6 @@ $transparency: 'true';
 @import 'applications';
 @import 'unity';
 @import 'granite';
+@import 'lightdm';
 @import 'transparent_widgets';
 @import 'colors-public';
diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css
index a797be6..0ccbae7 100644
--- a/common/gtk-3.0/3.16/gtk-contained-darker.css
+++ b/common/gtk-3.0/3.16/gtk-contained-darker.css
@@ -3064,6 +3064,152 @@ GraniteWidgetsPopOver * {
 GtkListBox .h4 {
   padding-left: 6px; }
 
+/* the panel widget at the top */
+#panel_window {
+  background-color: rgba(37, 39, 45, 0.95);
+  color: #A8ADB5;
+  font: bold;
+  box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95);
+  /* the menubars/menus of the panel, i.e. indicators */ }
+  #panel_window .menubar,
+  #panel_window .menubar > .menuitem {
+    background-color: transparent;
+    color: #A8ADB5;
+    font: bold; }
+  #panel_window .menubar .menuitem:insensitive {
+    color: #727985; }
+    #panel_window .menubar .menuitem:insensitive GtkLabel {
+      color: inherit; }
+  #panel_window .menubar .menu .menuitem {
+    font: normal; }
+
+/* the login window */
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  font: normal;
+  border-style: none;
+  background-color: transparent;
+  color: #5c616c; }
+
+/* the top half of the login-window, in GtkDialog terms, the content */
+#content_frame {
+  padding-bottom: 14px;
+  background-color: rgba(245, 246, 247, 0.95);
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px; }
+
+#content_frame .button {
+  color: #5c616c;
+  outline-color: rgba(92, 97, 108, 0.3);
+  border-color: #cfd6e6;
+  background-color: #fbfbfc; }
+  #content_frame .button:hover {
+    color: #5c616c;
+    outline-color: rgba(92, 97, 108, 0.3);
+    border-color: #5294E2;
+    background-color: #fbfbfc; }
+  #content_frame .button:active, #content_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-color: #5294E2; }
+  #content_frame .button:insensitive {
+    color: rgba(92, 97, 108, 0.55);
+    border-color: rgba(207, 214, 230, 0.55);
+    background-color: rgba(251, 251, 252, 0.55); }
+    #content_frame .button:insensitive > GtkLabel {
+      color: inherit; }
+
+/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */
+#buttonbox_frame {
+  padding-top: 20px;
+  padding-bottom: 0px;
+  border-style: none;
+  background-color: rgba(60, 64, 73, 0.95);
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px; }
+
+#buttonbox_frame .button {
+  color: #A8ADB5;
+  outline-color: rgba(168, 173, 181, 0.3);
+  border-color: rgba(168, 173, 181, 0.3);
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:hover {
+    color: #5294E2;
+    outline-color: rgba(168, 173, 181, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:active, #buttonbox_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, #5294E2); }
+  #buttonbox_frame .button:insensitive {
+    color: #5c6069;
+    border-color: rgba(168, 173, 181, 0.2);
+    background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
+
+#login_window #user_combobox {
+  color: #5c616c;
+  font: 13px; }
+  #login_window #user_combobox .menu {
+    font: normal; }
+
+/* the user's avatar box */
+#user_image {
+  padding: 3px;
+  border-radius: 3px; }
+
+/* the border around the user's avatar box */
+/* the shutdown button */
+#shutdown_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #FA4349;
+  background-color: #FA4349;
+  background-image: none;
+  background-clip: border-box; }
+  #shutdown_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #fb7074;
+    background-color: #fb7074;
+    background-image: none; }
+  #shutdown_button.button:active, #shutdown_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #f92027;
+    background-color: #f92027;
+    background-image: none; }
+
+/* the restart button */
+#restart_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #51CF74;
+  background-color: #51CF74;
+  background-image: none;
+  background-clip: border-box; }
+  #restart_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #75d991;
+    background-color: #75d991;
+    background-image: none; }
+  #restart_button.button:active, #restart_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #37c65e;
+    background-color: #37c65e;
+    background-image: none; }
+
+/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */
+#greeter_infobar {
+  border-bottom-width: 0;
+  font: bold; }
+
 .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator {
   color: rgba(31, 34, 39, 0.97); }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.scss b/common/gtk-3.0/3.16/gtk-contained-darker.scss
index 3fe2ffa..63166d2 100644
--- a/common/gtk-3.0/3.16/gtk-contained-darker.scss
+++ b/common/gtk-3.0/3.16/gtk-contained-darker.scss
@@ -13,5 +13,6 @@ $transparency: 'true';
 @import 'applications';
 @import 'unity';
 @import 'granite';
+@import 'lightdm';
 @import 'transparent_widgets';
 @import 'colors-public';
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
index 8a3c37d..fba87fc 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
@@ -3063,6 +3063,152 @@ GraniteWidgetsPopOver * {
 GtkListBox .h4 {
   padding-left: 6px; }
 
+/* the panel widget at the top */
+#panel_window {
+  background-color: rgba(37, 39, 45, 0.95);
+  color: #A8ADB5;
+  font: bold;
+  box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95);
+  /* the menubars/menus of the panel, i.e. indicators */ }
+  #panel_window .menubar,
+  #panel_window .menubar > .menuitem {
+    background-color: transparent;
+    color: #A8ADB5;
+    font: bold; }
+  #panel_window .menubar .menuitem:insensitive {
+    color: #727985; }
+    #panel_window .menubar .menuitem:insensitive GtkLabel {
+      color: inherit; }
+  #panel_window .menubar .menu .menuitem {
+    font: normal; }
+
+/* the login window */
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  font: normal;
+  border-style: none;
+  background-color: transparent;
+  color: #D3DAE3; }
+
+/* the top half of the login-window, in GtkDialog terms, the content */
+#content_frame {
+  padding-bottom: 14px;
+  background-color: rgba(68, 72, 82, 0.95);
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px; }
+
+#content_frame .button {
+  color: #D3DAE3;
+  outline-color: rgba(211, 218, 227, 0.3);
+  border-color: #2d3036;
+  background-color: #3d414b; }
+  #content_frame .button:hover {
+    color: #D3DAE3;
+    outline-color: rgba(211, 218, 227, 0.3);
+    border-color: #5294E2;
+    background-color: #3d414b; }
+  #content_frame .button:active, #content_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-color: #5294E2; }
+  #content_frame .button:insensitive {
+    color: rgba(211, 218, 227, 0.45);
+    border-color: rgba(45, 48, 54, 0.55);
+    background-color: rgba(61, 65, 75, 0.55); }
+    #content_frame .button:insensitive > GtkLabel {
+      color: inherit; }
+
+/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */
+#buttonbox_frame {
+  padding-top: 20px;
+  padding-bottom: 0px;
+  border-style: none;
+  background-color: rgba(60, 64, 73, 0.95);
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px; }
+
+#buttonbox_frame .button {
+  color: #A8ADB5;
+  outline-color: rgba(168, 173, 181, 0.3);
+  border-color: rgba(168, 173, 181, 0.3);
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:hover {
+    color: #5294E2;
+    outline-color: rgba(168, 173, 181, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:active, #buttonbox_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, #5294E2); }
+  #buttonbox_frame .button:insensitive {
+    color: #5c6069;
+    border-color: rgba(168, 173, 181, 0.2);
+    background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
+
+#login_window #user_combobox {
+  color: #D3DAE3;
+  font: 13px; }
+  #login_window #user_combobox .menu {
+    font: normal; }
+
+/* the user's avatar box */
+#user_image {
+  padding: 3px;
+  border-radius: 3px; }
+
+/* the border around the user's avatar box */
+/* the shutdown button */
+#shutdown_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #FA4349;
+  background-color: #FA4349;
+  background-image: none;
+  background-clip: border-box; }
+  #shutdown_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #fb7074;
+    background-color: #fb7074;
+    background-image: none; }
+  #shutdown_button.button:active, #shutdown_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #f92027;
+    background-color: #f92027;
+    background-image: none; }
+
+/* the restart button */
+#restart_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #51CF74;
+  background-color: #51CF74;
+  background-image: none;
+  background-clip: border-box; }
+  #restart_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #75d991;
+    background-color: #75d991;
+    background-image: none; }
+  #restart_button.button:active, #restart_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #37c65e;
+    background-color: #37c65e;
+    background-image: none; }
+
+/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */
+#greeter_infobar {
+  border-bottom-width: 0;
+  font: bold; }
+
 .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator {
   color: #24272d; }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss b/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss
index c6fb71b..157292d 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss
@@ -13,5 +13,6 @@ $transparency: 'false';
 @import 'applications';
 @import 'unity';
 @import 'granite';
+@import 'lightdm';
 @import 'transparent_widgets';
 @import 'colors-public';
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
index 52017b8..1d6daef 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
@@ -3064,6 +3064,152 @@ GraniteWidgetsPopOver * {
 GtkListBox .h4 {
   padding-left: 6px; }
 
+/* the panel widget at the top */
+#panel_window {
+  background-color: rgba(37, 39, 45, 0.95);
+  color: #A8ADB5;
+  font: bold;
+  box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95);
+  /* the menubars/menus of the panel, i.e. indicators */ }
+  #panel_window .menubar,
+  #panel_window .menubar > .menuitem {
+    background-color: transparent;
+    color: #A8ADB5;
+    font: bold; }
+  #panel_window .menubar .menuitem:insensitive {
+    color: #727985; }
+    #panel_window .menubar .menuitem:insensitive GtkLabel {
+      color: inherit; }
+  #panel_window .menubar .menu .menuitem {
+    font: normal; }
+
+/* the login window */
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  font: normal;
+  border-style: none;
+  background-color: transparent;
+  color: #5c616c; }
+
+/* the top half of the login-window, in GtkDialog terms, the content */
+#content_frame {
+  padding-bottom: 14px;
+  background-color: rgba(245, 246, 247, 0.95);
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px; }
+
+#content_frame .button {
+  color: #5c616c;
+  outline-color: rgba(92, 97, 108, 0.3);
+  border-color: #cfd6e6;
+  background-color: #fbfbfc; }
+  #content_frame .button:hover {
+    color: #5c616c;
+    outline-color: rgba(92, 97, 108, 0.3);
+    border-color: #5294E2;
+    background-color: #fbfbfc; }
+  #content_frame .button:active, #content_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-color: #5294E2; }
+  #content_frame .button:insensitive {
+    color: rgba(92, 97, 108, 0.55);
+    border-color: rgba(207, 214, 230, 0.55);
+    background-color: rgba(251, 251, 252, 0.55); }
+    #content_frame .button:insensitive > GtkLabel {
+      color: inherit; }
+
+/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */
+#buttonbox_frame {
+  padding-top: 20px;
+  padding-bottom: 0px;
+  border-style: none;
+  background-color: rgba(60, 64, 73, 0.95);
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px; }
+
+#buttonbox_frame .button {
+  color: #A8ADB5;
+  outline-color: rgba(168, 173, 181, 0.3);
+  border-color: rgba(168, 173, 181, 0.3);
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:hover {
+    color: #5294E2;
+    outline-color: rgba(168, 173, 181, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:active, #buttonbox_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, #5294E2); }
+  #buttonbox_frame .button:insensitive {
+    color: #5c6069;
+    border-color: rgba(168, 173, 181, 0.2);
+    background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
+
+#login_window #user_combobox {
+  color: #5c616c;
+  font: 13px; }
+  #login_window #user_combobox .menu {
+    font: normal; }
+
+/* the user's avatar box */
+#user_image {
+  padding: 3px;
+  border-radius: 3px; }
+
+/* the border around the user's avatar box */
+/* the shutdown button */
+#shutdown_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #FA4349;
+  background-color: #FA4349;
+  background-image: none;
+  background-clip: border-box; }
+  #shutdown_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #fb7074;
+    background-color: #fb7074;
+    background-image: none; }
+  #shutdown_button.button:active, #shutdown_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #f92027;
+    background-color: #f92027;
+    background-image: none; }
+
+/* the restart button */
+#restart_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #51CF74;
+  background-color: #51CF74;
+  background-image: none;
+  background-clip: border-box; }
+  #restart_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #75d991;
+    background-color: #75d991;
+    background-image: none; }
+  #restart_button.button:active, #restart_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #37c65e;
+    background-color: #37c65e;
+    background-image: none; }
+
+/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */
+#greeter_infobar {
+  border-bottom-width: 0;
+  font: bold; }
+
 .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator {
   color: #1f2227; }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss b/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss
index 161ca2e..03ba34b 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss
@@ -13,5 +13,6 @@ $transparency: 'false';
 @import 'applications';
 @import 'unity';
 @import 'granite';
+@import 'lightdm';
 @import 'transparent_widgets';
 @import 'colors-public';
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css
index fbe3140..89bd1e3 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid.css
@@ -3063,6 +3063,152 @@ GraniteWidgetsPopOver * {
 GtkListBox .h4 {
   padding-left: 6px; }
 
+/* the panel widget at the top */
+#panel_window {
+  background-color: rgba(37, 39, 45, 0.95);
+  color: #A8ADB5;
+  font: bold;
+  box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95);
+  /* the menubars/menus of the panel, i.e. indicators */ }
+  #panel_window .menubar,
+  #panel_window .menubar > .menuitem {
+    background-color: transparent;
+    color: #A8ADB5;
+    font: bold; }
+  #panel_window .menubar .menuitem:insensitive {
+    color: #727985; }
+    #panel_window .menubar .menuitem:insensitive GtkLabel {
+      color: inherit; }
+  #panel_window .menubar .menu .menuitem {
+    font: normal; }
+
+/* the login window */
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  font: normal;
+  border-style: none;
+  background-color: transparent;
+  color: #5c616c; }
+
+/* the top half of the login-window, in GtkDialog terms, the content */
+#content_frame {
+  padding-bottom: 14px;
+  background-color: rgba(245, 246, 247, 0.95);
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px; }
+
+#content_frame .button {
+  color: #5c616c;
+  outline-color: rgba(92, 97, 108, 0.3);
+  border-color: #cfd6e6;
+  background-color: #fbfbfc; }
+  #content_frame .button:hover {
+    color: #5c616c;
+    outline-color: rgba(92, 97, 108, 0.3);
+    border-color: #5294E2;
+    background-color: #fbfbfc; }
+  #content_frame .button:active, #content_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-color: #5294E2; }
+  #content_frame .button:insensitive {
+    color: rgba(92, 97, 108, 0.55);
+    border-color: rgba(207, 214, 230, 0.55);
+    background-color: rgba(251, 251, 252, 0.55); }
+    #content_frame .button:insensitive > GtkLabel {
+      color: inherit; }
+
+/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */
+#buttonbox_frame {
+  padding-top: 20px;
+  padding-bottom: 0px;
+  border-style: none;
+  background-color: rgba(60, 64, 73, 0.95);
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px; }
+
+#buttonbox_frame .button {
+  color: #A8ADB5;
+  outline-color: rgba(168, 173, 181, 0.3);
+  border-color: rgba(168, 173, 181, 0.3);
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:hover {
+    color: #5294E2;
+    outline-color: rgba(168, 173, 181, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:active, #buttonbox_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, #5294E2); }
+  #buttonbox_frame .button:insensitive {
+    color: #5c6069;
+    border-color: rgba(168, 173, 181, 0.2);
+    background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
+
+#login_window #user_combobox {
+  color: #5c616c;
+  font: 13px; }
+  #login_window #user_combobox .menu {
+    font: normal; }
+
+/* the user's avatar box */
+#user_image {
+  padding: 3px;
+  border-radius: 3px; }
+
+/* the border around the user's avatar box */
+/* the shutdown button */
+#shutdown_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #FA4349;
+  background-color: #FA4349;
+  background-image: none;
+  background-clip: border-box; }
+  #shutdown_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #fb7074;
+    background-color: #fb7074;
+    background-image: none; }
+  #shutdown_button.button:active, #shutdown_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #f92027;
+    background-color: #f92027;
+    background-image: none; }
+
+/* the restart button */
+#restart_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #51CF74;
+  background-color: #51CF74;
+  background-image: none;
+  background-clip: border-box; }
+  #restart_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #75d991;
+    background-color: #75d991;
+    background-image: none; }
+  #restart_button.button:active, #restart_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #37c65e;
+    background-color: #37c65e;
+    background-image: none; }
+
+/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */
+#greeter_infobar {
+  border-bottom-width: 0;
+  font: bold; }
+
 .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator {
   color: #d4d5db; }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.scss b/common/gtk-3.0/3.16/gtk-contained-solid.scss
index 0bd5284..347cf2c 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid.scss
+++ b/common/gtk-3.0/3.16/gtk-contained-solid.scss
@@ -13,5 +13,6 @@ $transparency: 'false';
 @import 'applications';
 @import 'unity';
 @import 'granite';
+@import 'lightdm';
 @import 'transparent_widgets';
 @import 'colors-public';
diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css
index e07b5ed..fe73da4 100644
--- a/common/gtk-3.0/3.16/gtk-contained.css
+++ b/common/gtk-3.0/3.16/gtk-contained.css
@@ -3063,6 +3063,152 @@ GraniteWidgetsPopOver * {
 GtkListBox .h4 {
   padding-left: 6px; }
 
+/* the panel widget at the top */
+#panel_window {
+  background-color: rgba(37, 39, 45, 0.95);
+  color: #A8ADB5;
+  font: bold;
+  box-shadow: inset 0 -1px rgba(21, 22, 25, 0.95);
+  /* the menubars/menus of the panel, i.e. indicators */ }
+  #panel_window .menubar,
+  #panel_window .menubar > .menuitem {
+    background-color: transparent;
+    color: #A8ADB5;
+    font: bold; }
+  #panel_window .menubar .menuitem:insensitive {
+    color: #727985; }
+    #panel_window .menubar .menuitem:insensitive GtkLabel {
+      color: inherit; }
+  #panel_window .menubar .menu .menuitem {
+    font: normal; }
+
+/* the login window */
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  font: normal;
+  border-style: none;
+  background-color: transparent;
+  color: #5c616c; }
+
+/* the top half of the login-window, in GtkDialog terms, the content */
+#content_frame {
+  padding-bottom: 14px;
+  background-color: rgba(245, 246, 247, 0.95);
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px; }
+
+#content_frame .button {
+  color: #5c616c;
+  outline-color: rgba(92, 97, 108, 0.3);
+  border-color: #cfd6e6;
+  background-color: #fbfbfc; }
+  #content_frame .button:hover {
+    color: #5c616c;
+    outline-color: rgba(92, 97, 108, 0.3);
+    border-color: #5294E2;
+    background-color: #fbfbfc; }
+  #content_frame .button:active, #content_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-color: #5294E2; }
+  #content_frame .button:insensitive {
+    color: rgba(92, 97, 108, 0.55);
+    border-color: rgba(207, 214, 230, 0.55);
+    background-color: rgba(251, 251, 252, 0.55); }
+    #content_frame .button:insensitive > GtkLabel {
+      color: inherit; }
+
+/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */
+#buttonbox_frame {
+  padding-top: 20px;
+  padding-bottom: 0px;
+  border-style: none;
+  background-color: rgba(60, 64, 73, 0.95);
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px; }
+
+#buttonbox_frame .button {
+  color: #A8ADB5;
+  outline-color: rgba(168, 173, 181, 0.3);
+  border-color: rgba(168, 173, 181, 0.3);
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:hover {
+    color: #5294E2;
+    outline-color: rgba(168, 173, 181, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); }
+  #buttonbox_frame .button:active, #buttonbox_frame .button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #5294E2;
+    background-image: linear-gradient(to bottom, #5294E2); }
+  #buttonbox_frame .button:insensitive {
+    color: #5c6069;
+    border-color: rgba(168, 173, 181, 0.2);
+    background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); }
+
+#login_window #user_combobox {
+  color: #5c616c;
+  font: 13px; }
+  #login_window #user_combobox .menu {
+    font: normal; }
+
+/* the user's avatar box */
+#user_image {
+  padding: 3px;
+  border-radius: 3px; }
+
+/* the border around the user's avatar box */
+/* the shutdown button */
+#shutdown_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #FA4349;
+  background-color: #FA4349;
+  background-image: none;
+  background-clip: border-box; }
+  #shutdown_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #fb7074;
+    background-color: #fb7074;
+    background-image: none; }
+  #shutdown_button.button:active, #shutdown_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #f92027;
+    background-color: #f92027;
+    background-image: none; }
+
+/* the restart button */
+#restart_button.button {
+  color: #ffffff;
+  outline-color: rgba(255, 255, 255, 0.3);
+  border-color: #51CF74;
+  background-color: #51CF74;
+  background-image: none;
+  background-clip: border-box; }
+  #restart_button.button:hover {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #75d991;
+    background-color: #75d991;
+    background-image: none; }
+  #restart_button.button:active, #restart_button.button:checked {
+    color: #ffffff;
+    outline-color: rgba(255, 255, 255, 0.3);
+    border-color: #37c65e;
+    background-color: #37c65e;
+    background-image: none; }
+
+/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */
+#greeter_infobar {
+  border-bottom-width: 0;
+  font: bold; }
+
 .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator {
   color: rgba(212, 213, 219, 0.95); }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained.scss b/common/gtk-3.0/3.16/gtk-contained.scss
index b067260..c45d673 100644
--- a/common/gtk-3.0/3.16/gtk-contained.scss
+++ b/common/gtk-3.0/3.16/gtk-contained.scss
@@ -13,5 +13,6 @@ $transparency: 'true';
 @import 'applications';
 @import 'unity';
 @import 'granite';
+@import 'lightdm';
 @import 'transparent_widgets';
 @import 'colors-public';