Refiined gs theme
This commit is contained in:
parent
6393dda748
commit
47714dbdd8
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue