[gnome-shell/wip/sass: 21/29] theme: more osd fixed (for login screen)

[Carlos Soriano Sánchez <csoriano src gnome org>]

commit 74fdd7b944cd75d7c4f131c3df3fb0a221179e44
Author: Jakub Steiner <jimmac gmail com>
Date:   Mon Feb 9 16:43:46 2015 +0100

    theme: more osd fixed (for login screen)

 data/theme/_common.scss                  |   44 +++++++++++++++---------------
 data/theme/gnome-shell-high-contrast.css |   35 +++++++++++++-----------
 data/theme/gnome-shell.css               |   21 ++++++++------
 3 files changed, 53 insertions(+), 47 deletions(-)
---
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index e55f8f1..a37a64a 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -1571,20 +1571,26 @@ StScrollBar {
 }
 
   .login-dialog-logo-bin { padding: 24px 0px; }
-  .login-dialog-banner { color: darken($fg_color,10%); }
+  .login-dialog-banner { color: darken($osd_fg_color,10%); }
   .login-dialog-button-box { spacing: 5px; }
   .login-dialog-message-warning { color: $warning_color; }
-  .login-dialog-0message-hint { padding-top: 0; padding-bottom: 20px; }
+  .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; }
   .login-dialog-user-selection-box {
-    padding: 100px 0;
+    padding: 100px 0px;
     .login-dialog-not-listed-label {
       padding-left: 2px;
       .login-dialog-not-listed-button:focus &,
       .login-dialog-not-listed-button:hover & {
-        color: $fg_color; //FIXME
+        color: $osd_fg_color; //FIXME
       }
     }
   }
+  .login-dialog-not-listed-label {
+    font-size: 90%;
+    font-weight: bold;
+    color: darken($osd_fg_color,30%);
+    padding-top: 1em;
+  }
 
   .login-dialog-user-list-view { -st-vfade-offset: 1em; }
   .login-dialog-user-list {
@@ -1597,7 +1603,7 @@ StScrollBar {
   .login-dialog-user-list-item {
     border-radius: 5px;
     padding: .2em;
-    color: darken($fg_color,30%);
+    color: darken($osd_fg_color,30%);
     &:ltr { padding-right: 1em; }
     &:rtl { padding-left: 1em; }
     &:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
@@ -1606,22 +1612,16 @@ StScrollBar {
       //background-color: rgba(0,0,0,0.0);
       background-color: transparent;
     }
-    &:focus .login-dialog-timed-login-indicator { background-color: $bg_color; }
-  }
-
-  .login-dialog-not-listed-label {
-    font-size: 90%;
-    font-weight: bold;
-    color: darken($fg_color,30%);
-    padding-top: 1em;
+    &:focus .login-dialog-timed-login-indicator { background-color: $osd_bg_color; }
   }
 
   .login-dialog-username,
   .user-widget-label {
-      font-size: 120%;
-      font-weight: bold;
-      text-align: left;
-      padding-left: 15px;
+    color: $osd_fg_color;
+    font-size: 120%;
+    font-weight: bold;
+    text-align: left;
+    padding-left: 15px;
   }
     .user-widget-label {
       &:ltr { padding-left: 18px; }
@@ -1636,7 +1636,7 @@ StScrollBar {
   }
 
   .login-dialog-prompt-label {
-      color: darken($fg_color, 20%);
+      color: darken($osd_fg_color, 20%);
       font-size: 110%;
       padding-top: 1em;
   }
@@ -1646,9 +1646,9 @@ StScrollBar {
   }
 
   .login-dialog-session-list-button {
-      color: darken($fg_color,30%);
-      &:hover,&:focus { color: $fg_color; }
-      &:active { color: darken($fg_color, 50%); }
+      color: darken($osd_fg_color,30%);
+      &:hover,&:focus { color: $osd_fg_color; }
+      &:active { color: darken($osd_fg_color, 50%); }
   }
 
 //SCREEN SHIELD
@@ -1698,7 +1698,7 @@ StScrollBar {
     color: $_bubble_fg_color;
     border-radius: 4px;
   }
-
+  .notification { margin-right: 15px; } //compensate for space allocated to the scrollbar
 }
 
 
diff --git a/data/theme/gnome-shell-high-contrast.css b/data/theme/gnome-shell-high-contrast.css
index 42faa0f..263c87d 100644
--- a/data/theme/gnome-shell-high-contrast.css
+++ b/data/theme/gnome-shell-high-contrast.css
@@ -1450,7 +1450,7 @@ StScrollBar {
   padding: 24px 0px; }
 
 .login-dialog-banner {
-  color: #e6e6e6; }
+  color: #d6d6d1; }
 
 .login-dialog-button-box {
   spacing: 5px; }
@@ -1458,16 +1458,22 @@ StScrollBar {
 .login-dialog-message-warning {
   color: #f57900; }
 
-.login-dialog-0message-hint {
+.login-dialog-message-hint {
   padding-top: 0;
   padding-bottom: 20px; }
 
 .login-dialog-user-selection-box {
-  padding: 100px 0; }
+  padding: 100px 0px; }
   .login-dialog-user-selection-box .login-dialog-not-listed-label {
     padding-left: 2px; }
     .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, 
.login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label {
-      color: #fff; }
+      color: #eeeeec; }
+
+.login-dialog-not-listed-label {
+  font-size: 90%;
+  font-weight: bold;
+  color: #a6a69b;
+  padding-top: 1em; }
 
 .login-dialog-user-list-view {
   -st-vfade-offset: 1em; }
@@ -1485,7 +1491,7 @@ StScrollBar {
 .login-dialog-user-list-item {
   border-radius: 5px;
   padding: .2em;
-  color: #b3b3b3; }
+  color: #a6a69b; }
   .login-dialog-user-list-item:ltr {
     padding-right: 1em; }
   .login-dialog-user-list-item:rtl {
@@ -1497,16 +1503,11 @@ StScrollBar {
     height: 2px;
     background-color: transparent; }
   .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
-    background-color: #000; }
-
-.login-dialog-not-listed-label {
-  font-size: 90%;
-  font-weight: bold;
-  color: #b3b3b3;
-  padding-top: 1em; }
+    background-color: #2e3436; }
 
 .login-dialog-username,
 .user-widget-label {
+  color: #eeeeec;
   font-size: 120%;
   font-weight: bold;
   text-align: left;
@@ -1524,7 +1525,7 @@ StScrollBar {
   width: 23em; }
 
 .login-dialog-prompt-label {
-  color: #cccccc;
+  color: #bebeb6;
   font-size: 110%;
   padding-top: 1em; }
 
@@ -1532,11 +1533,11 @@ StScrollBar {
   icon-size: 1.25em; }
 
 .login-dialog-session-list-button {
-  color: #b3b3b3; }
+  color: #a6a69b; }
   .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
-    color: #fff; }
+    color: #eeeeec; }
   .login-dialog-session-list-button:active {
-    color: gray; }
+    color: #747467; }
 
 .screen-shield-arrows {
   padding-bottom: 3em; }
@@ -1577,6 +1578,8 @@ StScrollBar {
     background-color: rgba(46, 52, 54, 0.5);
     color: #eeeeec;
     border-radius: 4px; }
+  .screen-shield-notifications-container .notification {
+    margin-right: 15px; }
 
 .screen-shield-notification-label {
   font-weight: bold;
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index c6c635c..33fcccf 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1458,17 +1458,23 @@ StScrollBar {
 .login-dialog-message-warning {
   color: #f57900; }
 
-.login-dialog-0message-hint {
+.login-dialog-message-hint {
   padding-top: 0;
   padding-bottom: 20px; }
 
 .login-dialog-user-selection-box {
-  padding: 100px 0; }
+  padding: 100px 0px; }
   .login-dialog-user-selection-box .login-dialog-not-listed-label {
     padding-left: 2px; }
     .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, 
.login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label {
       color: #eeeeec; }
 
+.login-dialog-not-listed-label {
+  font-size: 90%;
+  font-weight: bold;
+  color: #a6a69b;
+  padding-top: 1em; }
+
 .login-dialog-user-list-view {
   -st-vfade-offset: 1em; }
 
@@ -1497,16 +1503,11 @@ StScrollBar {
     height: 2px;
     background-color: transparent; }
   .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
-    background-color: #393f3f; }
-
-.login-dialog-not-listed-label {
-  font-size: 90%;
-  font-weight: bold;
-  color: #a6a69b;
-  padding-top: 1em; }
+    background-color: #2e3436; }
 
 .login-dialog-username,
 .user-widget-label {
+  color: #eeeeec;
   font-size: 120%;
   font-weight: bold;
   text-align: left;
@@ -1577,6 +1578,8 @@ StScrollBar {
     background-color: rgba(46, 52, 54, 0.5);
     color: #eeeeec;
     border-radius: 4px; }
+  .screen-shield-notifications-container .notification {
+    margin-right: 15px; }
 
 .screen-shield-notification-label {
   font-weight: bold;