Refiined gs theme

This commit is contained in:
Sam Hewitt 2015-03-11 02:38:36 -04:00
parent 6393dda748
commit 47714dbdd8
1 changed files with 19 additions and 32 deletions

View File

@ -30,13 +30,13 @@ stage {
color: #dbdee0; color: #dbdee0;
background-color: #2d3335; background-color: #2d3335;
border-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px #454f52; box-shadow: inset 0 1px #454d50;
text-shadow: 0 1px black; text-shadow: 0 1px black;
icon-shadow: 0 1px black; } icon-shadow: 0 1px black; }
.button:focus { .button:focus {
color: #dbdee0; color: #dbdee0;
border-color: #9FB0B9; border-color: #9FB0B9;
box-shadow: inset 0 1px #454f52; box-shadow: inset 0 1px #454d50;
text-shadow: 0 1px black; text-shadow: 0 1px black;
icon-shadow: 0 1px black; } icon-shadow: 0 1px black; }
.button:insensitive { .button:insensitive {
@ -134,12 +134,8 @@ StScrollBar {
background-size: contain; } background-size: contain; }
.toggle-switch-intl, .toggle-switch-us { .toggle-switch-intl, .toggle-switch-us {
background-image: url("assets/toggle-off.svg"); } background-image: url("assets/toggle-off.svg"); }
.toggle-switch:hover .toggle-switch-intl, .toggle-switch:hover .toggle-switch-us {
background-image: url("assets/toggle-off-hover.svg"); }
.toggle-switch-intl:checked, .toggle-switch-us:checked { .toggle-switch-intl:checked, .toggle-switch-us:checked {
background-image: url("assets/toggle-on.svg"); } background-image: url("assets/toggle-on.svg"); }
.toggle-switch:hover .toggle-switch-intl:checked, .toggle-switch:hover .toggle-switch-us:checked {
background-image: url("assets/toggle-on-hover.svg"); }
/* links */ /* links */
.shell-link { .shell-link {
@ -191,7 +187,7 @@ StScrollBar {
/* End Session Dialog */ /* End Session Dialog */
.end-session-dialog { .end-session-dialog {
spacing: 42px; spacing: 42px;
border: 2px solid rgba(159, 176, 185, 0.2); } border: 1px solid rgba(0, 0, 0, 0.7); }
.end-session-dialog-list { .end-session-dialog-list {
padding-top: 20px; } padding-top: 20px; }
@ -1172,12 +1168,13 @@ StScrollBar {
font-size: 11pt; font-size: 11pt;
width: 34em; width: 34em;
margin: 5px; margin: 5px;
border-radius: 8px; border-radius: 6px;
color: #dbdee0; color: #dbdee0;
background-color: #454d50; background-color: #454d50;
border: 1px solid rgba(0, 0, 0, 0.2); } border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5); }
.notification-banner:hover { .notification-banner:hover {
background-color: #515a5e; } background-color: #515a5e; } 0 0 6
.notification-banner:focus { .notification-banner:focus {
background-color: #515a5e; } background-color: #515a5e; }
.notification-banner .notification-icon { .notification-banner .notification-icon {
@ -1192,22 +1189,20 @@ StScrollBar {
padding-top: 0px; padding-top: 0px;
spacing: 1px; } spacing: 1px; }
.notification-banner .notification-button { .notification-banner .notification-button {
border: none;
padding: 4px 4px 5px; padding: 4px 4px 5px;
background-color: #2d3335;
border-radius: 0;
border-width: 0;
padding: 4px 32px;
color: #dbdee0;
background-color: #2d3335;
border-color: rgba(0, 0, 0, 0.5);
border-top-width: 1px; border-top-width: 1px;
box-shadow: none} color: #dbdee0;
background-color: #5d676b;
border-color: #394042;
border-radius: 0 0 6px 6px;
box-shadow: inset 0 1px rgba(255,255,255,0.1);}
.notification-banner .notification-button:first-child { .notification-banner .notification-button:first-child {
border-radius: 0 0 0 6px; } border-radius: 0 0 0 6px; }
.notification-banner .notification-button:last-child { .notification-banner .notification-button:last-child {
border-radius: 0 0 6px 0; } border-radius: 0 0 6px 0; }
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
background-color: #292f30; } background-color: #697479; }
.notification { .notification {
font-size: 11pt; font-size: 11pt;
@ -1259,17 +1254,9 @@ StScrollBar {
.notification-button { .notification-button {
height: 24px; height: 24px;
padding: 4px 4px 5px; padding: 4px 4px 5px;
background-color: #2d3335; border-radius: 0 0 6px 6px; }
border-radius: 0;
border-width: 0;
color: #dbdee0;
background-color: #2d3335;
border-color: rgba(0, 0, 0, 0.5);
border-top-width: 1px;
box-shadow: none }
.notification-icon-button { .notification-icon-button {
border-radius: 5px;
padding: 5px; padding: 5px;
height: 24px; height: 24px;
width: 24px; width: 24px;
@ -1397,7 +1384,7 @@ StScrollBar {
.keyboard-key { .keyboard-key {
color: #dbdee0; color: #dbdee0;
background-color: #2d3335; background-color: #2d3335;
box-shadow: inset 0 1px #454f52; box-shadow: inset 0 1px #454d50;
text-shadow: 0 1px black; text-shadow: 0 1px black;
icon-shadow: 0 1px black; icon-shadow: 0 1px black;
min-height: 2em; min-height: 2em;
@ -1410,13 +1397,13 @@ StScrollBar {
.keyboard-key:focus { .keyboard-key:focus {
color: #dbdee0; color: #dbdee0;
border-color: #9FB0B9; border-color: #9FB0B9;
box-shadow: inset 0 1px #454f52; box-shadow: inset 0 1px #454d50;
text-shadow: 0 1px black; text-shadow: 0 1px black;
icon-shadow: 0 1px black; } icon-shadow: 0 1px black; }
.keyboard-key:hover, .keyboard-key:checked { .keyboard-key:hover, .keyboard-key:checked {
color: white; color: white;
border-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7);
background-color: #454f52; background-color: #454d50;
box-shadow: inset 0 1px #5d696d; box-shadow: inset 0 1px #5d696d;
text-shadow: 0 1px black; text-shadow: 0 1px black;
icon-shadow: 0 1px black; } icon-shadow: 0 1px black; }
@ -1501,7 +1488,7 @@ StScrollBar {
color: #dbdee0; color: #dbdee0;
background-color: rgba(57, 64, 66, 0.5); background-color: rgba(57, 64, 66, 0.5);
border-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7);
box-shadow: inset 0 1px #454f52; box-shadow: inset 0 1px #454d50;
text-shadow: 0 1px black; text-shadow: 0 1px black;
icon-shadow: 0 1px black; } icon-shadow: 0 1px black; }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {