Merge pull request numixproject#267 from wa4557/unity

Refines unity-greeter
Antergos · Oct 31, 2015 · a508607 · a508607
2 parents 3eb3410 + 2e4fc30
commit a508607
Showing 1 changed file with 40 additions and 37 deletions.
diff --git a/gtk-3.0/scss/apps/_unity-greeter.scss b/gtk-3.0/scss/apps/_unity-greeter.scss
@@ -5,35 +5,38 @@
 @include exports("unity-greeter") {
 
 
-.lightdm.menu {
-    background-image: none;
-    background-color: alpha($black, 0.6);
-    border-color: alpha($white, 0.2);
-    border-radius: 4px;
-    padding: 1px;
-
-    color: $white;
-}
-
-.lightdm-combo .menu {
-    background-color: shade($dark_bg_color, 1.08);
-    border-radius: 0px;
-    padding: 0px;
+    .lightdm.menu {
+        background-image: none;
+        background-color: fade-out($black, .4);
+        border-color: fade-out($white, .8);
+        border-radius: 4px;
+        padding: 1px;
 
-    color: $white;
-}
+        color: $white;
+    }
 
-.lightdm.menu .menuitem *,
-.lightdm.menu .menuitem.check:active,
-.lightdm.menu .menuitem.radio:active {
-    color: $white;
-}
+    .lightdm-combo .menu {
+        background-color: shade($dark_bg_color, 1.08);
+        border-radius: 0;
+        padding: 0;
+        color: $white;
+    }
 
-.lightdm.menubar {
-    background-image: none;
-    background-color: alpha(#00ff00, 0.5);
-}
+    .lightdm.menu .menuitem *,
+    .lightdm.menu .menuitem.check:active,
+    .lightdm.menu .menuitem.radio:active {
+        color: $white;
+    }
 
+    .lightdm.menubar {
+        background-image: none;
+        background-color: fade-out(#0f0, .5);
+    }
+
+    .lightdm.menubar .menuitem {
+        color: $menubar_fg_color;
+        padding: 0 5px;
+    }
 
     .lightdm-combo.combobox-entry .button,
     .lightdm-combo .cell,
@@ -42,16 +45,16 @@
 
     .lightdm.button{
         background-image: none;
-        background-color: alpha($black, 0.3);
-        border-color: alpha($white, 0.9);
+        background-color: fade-out($black, .7);
+        border-color: fade-out($white, .1);
         border-radius: 5px;
         padding: 5px;
         color: $white;
         }
     .lightdm.button:hover {
         background-image: none;
-        background-color: alpha($white, 0.3);
-        border-color: alpha($white, 0.6);
+        background-color: fade-out($white, .7);
+        border-color: fade-out($white, .4);
         border-radius: 5px;
         padding: 5px;
         color: $white;
@@ -63,8 +66,8 @@
 
     .lightdm.entry {
         background-image: none;
-        background-color: alpha($black, 0.3);
-        border-color: alpha($white, 0.6);
+        background-color: fade-out($black, .7);
+        border-color: fade-out($white, .4);
         border-radius: 5px;
         padding: 7px;
         color: $white;
@@ -77,13 +80,13 @@
         border-image: none;
     }
     .lightdm.entry:focused {
-        border-color: alpha($white, 0.6);
+        border-color: fade-out($white, .4);
         border-width: 1px;
         border-style: solid;
         color: $white;
     }
     .lightdm.entry:selected {
-        background-color: alpha($white, 0.2);
+        background-color: fade-out($white, .8);
     }
 
     @keyframes dashentry_spinner {
@@ -106,13 +109,13 @@
         border-width: 0;
     }
     .lightdm.toggle-button.selected:hover {
-        background-color: alpha($white, 0.3);
-        border-color: alpha($white, 0.3);
+        background-color: fade-out($white, .7);
+        border-color: fade-out($white, .7);
         border-width: 1px;
     }
     .lightdm.toggle-button.selected {
-        background-color: alpha($black, 0.3);
-        border-color: alpha($white, 0.3);
+        background-color: fade-out($black, .7);
+        border-color: fade-out($white, .7);
         border-width: 1px;
     }
 }