Add theming for Unity Greeter (#466)

* Add theming for Unity Greeter

* Generated css files from scss

- Replace alpha() and shade() in Sass with transparentize() and lighten()

* Rebase unity-greeter css code from upstream and drop excessive nesting

* Fix clock color and combo entry field

* Fix and improve Unity Greeter theming

- Fix panel icons
- Make password entry box rounder
- Add a bit of transparency to panel clock

1 files changed, 99 insertions, 0 deletions

diff --git a/common/gtk-3.0/3.20/sass/_unity.scss b/common/gtk-3.0/3.20/sass/_unity.scss
index 00fec8f..e04ee41 100644
--- a/common/gtk-3.0/3.20/sass/_unity.scss
+++ b/common/gtk-3.0/3.20/sass/_unity.scss
@@ -57,3 +57,102 @@ UnityPanelWidget,
   background-image: linear-gradient(to bottom, $selected_bg_color);
   border-bottom: none;
 }
+
+// Unity Greeter
+.lightdm.menu {
+  background-image: none;
+  background-color: transparentize(black, 0.6);
+  border-color: transparentize(white, 0.2);
+  border-radius: 4px;
+  padding: 1px;
+  color: white;
+}
+
+.lightdm-combo .menu {
+  background-color: lighten($header_bg, 8);
+  border-radius: 0px;
+  padding: 0px;
+  color: white;
+}
+
+.lightdm.menu .menuitem *,
+.lightdm.menu .menuitem.check:active,
+.lightdm.menu .menuitem.radio:active {
+  color: white;
+}
+
+.lightdm.menubar {
+  color: transparentize(white, 0.2);
+  background-image: none;
+  background-color: transparentize(black, 0.5);
+
+  & > .menuitem {
+    padding: 2px 6px;
+  }
+}
+
+.lightdm-combo.combobox-entry .button,
+.lightdm-combo .cell,
+.lightdm-combo .button,
+.lightdm-combo .entry,
+.lightdm.button,
+.lightdm.entry {
+  background-image: none;
+  background-color: transparentize(black, 0.7);
+  border-color: transparentize(white, 0.6);
+  border-radius: 10px;
+  padding: 7px;
+  color: white;
+  text-shadow: none;
+}
+
+.lightdm.button,
+.lightdm.button:hover,
+.lightdm.button:active,
+.lightdm.button:active:focused,
+.lightdm.entry,
+.lightdm.entry:hover,
+.lightdm.entry:active,
+.lightdm.entry:active:focused {
+  background-image: none;
+  border-image: none;
+}
+
+.lightdm.button:focused,
+.lightdm.entry:focused {
+  border-color: transparentize(white, 0.9);
+  border-width: 1px;
+  border-style: solid;
+  color: white;
+}
+
+.lightdm.entry:selected {
+  background-color: transparentize(white, 0.2);
+}
+
+.lightdm.entry:active {
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  animation: dashentry_spinner 1s infinite linear;
+}
+
+.lightdm.option-button {
+  padding: 2px;
+  background: none;
+  border: 0;
+}
+
+.lightdm.toggle-button {
+  background: none;
+  border-width: 0;
+
+  &.selected {
+    background-color: transparentize(black, 0.3);
+    border-width: 1px;
+  }
+}
+
+@keyframes dashentry_spinner {
+  to {
+    -gtk-icon-transform: rotate(1turn);
+  }
+}