theme: more osd fixed (for login screen)

This commit is contained in:
Jakub Steiner 2015-02-09 16:43:46 +01:00 committed by Florian Müllner
parent e516b40c8c
commit fada6645a2
3 changed files with 53 additions and 47 deletions

View File

@ -1565,20 +1565,26 @@ StScrollBar {
} }
.login-dialog-logo-bin { padding: 24px 0px; } .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-button-box { spacing: 5px; }
.login-dialog-message-warning { color: $warning_color; } .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 { .login-dialog-user-selection-box {
padding: 100px 0; padding: 100px 0px;
.login-dialog-not-listed-label { .login-dialog-not-listed-label {
padding-left: 2px; padding-left: 2px;
.login-dialog-not-listed-button:focus &, .login-dialog-not-listed-button:focus &,
.login-dialog-not-listed-button:hover & { .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-view { -st-vfade-offset: 1em; }
.login-dialog-user-list { .login-dialog-user-list {
@ -1591,7 +1597,7 @@ StScrollBar {
.login-dialog-user-list-item { .login-dialog-user-list-item {
border-radius: 5px; border-radius: 5px;
padding: .2em; padding: .2em;
color: darken($fg_color,30%); color: darken($osd_fg_color,30%);
&:ltr { padding-right: 1em; } &:ltr { padding-right: 1em; }
&:rtl { padding-left: 1em; } &:rtl { padding-left: 1em; }
&:hover { background-color: $selected_bg_color; color: $selected_fg_color; } &:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
@ -1600,22 +1606,16 @@ StScrollBar {
//background-color: rgba(0,0,0,0.0); //background-color: rgba(0,0,0,0.0);
background-color: transparent; background-color: transparent;
} }
&:focus .login-dialog-timed-login-indicator { background-color: $bg_color; } &:focus .login-dialog-timed-login-indicator { background-color: $osd_bg_color; }
}
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
color: darken($fg_color,30%);
padding-top: 1em;
} }
.login-dialog-username, .login-dialog-username,
.user-widget-label { .user-widget-label {
font-size: 120%; color: $osd_fg_color;
font-weight: bold; font-size: 120%;
text-align: left; font-weight: bold;
padding-left: 15px; text-align: left;
padding-left: 15px;
} }
.user-widget-label { .user-widget-label {
&:ltr { padding-left: 18px; } &:ltr { padding-left: 18px; }
@ -1630,7 +1630,7 @@ StScrollBar {
} }
.login-dialog-prompt-label { .login-dialog-prompt-label {
color: darken($fg_color, 20%); color: darken($osd_fg_color, 20%);
font-size: 110%; font-size: 110%;
padding-top: 1em; padding-top: 1em;
} }
@ -1640,9 +1640,9 @@ StScrollBar {
} }
.login-dialog-session-list-button { .login-dialog-session-list-button {
color: darken($fg_color,30%); color: darken($osd_fg_color,30%);
&:hover,&:focus { color: $fg_color; } &:hover,&:focus { color: $osd_fg_color; }
&:active { color: darken($fg_color, 50%); } &:active { color: darken($osd_fg_color, 50%); }
} }
//SCREEN SHIELD //SCREEN SHIELD
@ -1692,7 +1692,7 @@ StScrollBar {
color: $_bubble_fg_color; color: $_bubble_fg_color;
border-radius: 4px; border-radius: 4px;
} }
.notification { margin-right: 15px; } //compensate for space allocated to the scrollbar
} }

View File

@ -1442,7 +1442,7 @@ StScrollBar {
padding: 24px 0px; } padding: 24px 0px; }
.login-dialog-banner { .login-dialog-banner {
color: #e6e6e6; } color: #d6d6d1; }
.login-dialog-button-box { .login-dialog-button-box {
spacing: 5px; } spacing: 5px; }
@ -1450,16 +1450,22 @@ StScrollBar {
.login-dialog-message-warning { .login-dialog-message-warning {
color: #f57900; } color: #f57900; }
.login-dialog-0message-hint { .login-dialog-message-hint {
padding-top: 0; padding-top: 0;
padding-bottom: 20px; } padding-bottom: 20px; }
.login-dialog-user-selection-box { .login-dialog-user-selection-box {
padding: 100px 0; } padding: 100px 0px; }
.login-dialog-user-selection-box .login-dialog-not-listed-label { .login-dialog-user-selection-box .login-dialog-not-listed-label {
padding-left: 2px; } 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 { .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 { .login-dialog-user-list-view {
-st-vfade-offset: 1em; } -st-vfade-offset: 1em; }
@ -1477,7 +1483,7 @@ StScrollBar {
.login-dialog-user-list-item { .login-dialog-user-list-item {
border-radius: 5px; border-radius: 5px;
padding: .2em; padding: .2em;
color: #b3b3b3; } color: #a6a69b; }
.login-dialog-user-list-item:ltr { .login-dialog-user-list-item:ltr {
padding-right: 1em; } padding-right: 1em; }
.login-dialog-user-list-item:rtl { .login-dialog-user-list-item:rtl {
@ -1489,16 +1495,11 @@ StScrollBar {
height: 2px; height: 2px;
background-color: transparent; } background-color: transparent; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
background-color: #000; } background-color: #2e3436; }
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
color: #b3b3b3;
padding-top: 1em; }
.login-dialog-username, .login-dialog-username,
.user-widget-label { .user-widget-label {
color: #eeeeec;
font-size: 120%; font-size: 120%;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
@ -1516,7 +1517,7 @@ StScrollBar {
width: 23em; } width: 23em; }
.login-dialog-prompt-label { .login-dialog-prompt-label {
color: #cccccc; color: #bebeb6;
font-size: 110%; font-size: 110%;
padding-top: 1em; } padding-top: 1em; }
@ -1524,11 +1525,11 @@ StScrollBar {
icon-size: 1.25em; } icon-size: 1.25em; }
.login-dialog-session-list-button { .login-dialog-session-list-button {
color: #b3b3b3; } color: #a6a69b; }
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
color: #fff; } color: #eeeeec; }
.login-dialog-session-list-button:active { .login-dialog-session-list-button:active {
color: gray; } color: #747467; }
.screen-shield-arrows { .screen-shield-arrows {
padding-bottom: 3em; } padding-bottom: 3em; }
@ -1569,6 +1570,8 @@ StScrollBar {
background-color: rgba(46, 52, 54, 0.5); background-color: rgba(46, 52, 54, 0.5);
color: #eeeeec; color: #eeeeec;
border-radius: 4px; } border-radius: 4px; }
.screen-shield-notifications-container .notification {
margin-right: 15px; }
.screen-shield-notification-label { .screen-shield-notification-label {
font-weight: bold; font-weight: bold;

View File

@ -1450,17 +1450,23 @@ StScrollBar {
.login-dialog-message-warning { .login-dialog-message-warning {
color: #f57900; } color: #f57900; }
.login-dialog-0message-hint { .login-dialog-message-hint {
padding-top: 0; padding-top: 0;
padding-bottom: 20px; } padding-bottom: 20px; }
.login-dialog-user-selection-box { .login-dialog-user-selection-box {
padding: 100px 0; } padding: 100px 0px; }
.login-dialog-user-selection-box .login-dialog-not-listed-label { .login-dialog-user-selection-box .login-dialog-not-listed-label {
padding-left: 2px; } 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 { .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; } color: #eeeeec; }
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
color: #a6a69b;
padding-top: 1em; }
.login-dialog-user-list-view { .login-dialog-user-list-view {
-st-vfade-offset: 1em; } -st-vfade-offset: 1em; }
@ -1489,16 +1495,11 @@ StScrollBar {
height: 2px; height: 2px;
background-color: transparent; } background-color: transparent; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
background-color: #393f3f; } background-color: #2e3436; }
.login-dialog-not-listed-label {
font-size: 90%;
font-weight: bold;
color: #a6a69b;
padding-top: 1em; }
.login-dialog-username, .login-dialog-username,
.user-widget-label { .user-widget-label {
color: #eeeeec;
font-size: 120%; font-size: 120%;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
@ -1569,6 +1570,8 @@ StScrollBar {
background-color: rgba(46, 52, 54, 0.5); background-color: rgba(46, 52, 54, 0.5);
color: #eeeeec; color: #eeeeec;
border-radius: 4px; } border-radius: 4px; }
.screen-shield-notifications-container .notification {
margin-right: 15px; }
.screen-shield-notification-label { .screen-shield-notification-label {
font-weight: bold; font-weight: bold;