mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2026-06-20 01:39:19 +00:00
update
This commit is contained in:
vinceliuice
@@ -5,6 +5,29 @@ stage {
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.lowres-icon {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.icon-dropshadow {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.message, .world-clocks-button,
|
||||
.weather-button,
|
||||
.events-button,
|
||||
@@ -78,7 +101,7 @@ stage {
|
||||
|
||||
.button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -87,7 +110,7 @@ stage {
|
||||
|
||||
.button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -226,7 +249,7 @@ stage {
|
||||
}
|
||||
|
||||
.calendar-month-label:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.pager-button {
|
||||
@@ -239,11 +262,11 @@ stage {
|
||||
}
|
||||
|
||||
.pager-button:hover, .pager-button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.pager-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.calendar-change-month-back {
|
||||
@@ -283,18 +306,18 @@ stage {
|
||||
}
|
||||
|
||||
.calendar-day-base:hover, .calendar-day-base:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.calendar-day-base:active {
|
||||
color: #afafaf;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.calendar-day-base:selected {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@@ -500,11 +523,11 @@ stage {
|
||||
}
|
||||
|
||||
.message-list-clear-button.button:hover, .message-list-clear-button.button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message-list-clear-button.button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message-list-section,
|
||||
@@ -595,11 +618,11 @@ stage {
|
||||
}
|
||||
|
||||
.message .message-close-button:hover, .message .message-close-button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message .message-close-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message .message-body {
|
||||
@@ -619,12 +642,12 @@ stage {
|
||||
|
||||
.message-media-control:hover, .message-media-control:focus {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message-media-control:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message-media-control:insensitive {
|
||||
@@ -655,7 +678,7 @@ stage {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
@@ -681,11 +704,11 @@ stage {
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.check-box:checked StBin {
|
||||
@@ -860,41 +883,56 @@ StEntry StLabel.hint-text {
|
||||
max-width: 23em;
|
||||
}
|
||||
|
||||
.login-dialog {
|
||||
.login-dialog,
|
||||
.unlock-dialog {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.login-dialog StEntry {
|
||||
.login-dialog StEntry,
|
||||
.unlock-dialog StEntry {
|
||||
selection-background-color: #0860f2;
|
||||
selected-background-color: #0860f2;
|
||||
selected-color: white;
|
||||
padding: 4px 8px;
|
||||
min-height: 20px;
|
||||
border-radius: 9999px;
|
||||
caret-color: white;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 9999px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:focus {
|
||||
.login-dialog StEntry:focus,
|
||||
.unlock-dialog StEntry:focus {
|
||||
border: none;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:insensitive {
|
||||
.login-dialog StEntry:insensitive,
|
||||
.unlock-dialog StEntry:insensitive {
|
||||
border: none;
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box {
|
||||
.login-dialog StEntry StLabel.hint-text,
|
||||
.unlock-dialog StEntry StLabel.hint-text {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box,
|
||||
.unlock-dialog .modal-dialog-button-box {
|
||||
spacing: 3px;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button {
|
||||
.login-dialog .modal-dialog-button,
|
||||
.unlock-dialog .modal-dialog-button {
|
||||
padding: 0 16px;
|
||||
border: none;
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -903,26 +941,30 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
|
||||
.unlock-dialog .modal-dialog-button:hover,
|
||||
.unlock-dialog .modal-dialog-button:focus {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:active {
|
||||
.login-dialog .modal-dialog-button:active,
|
||||
.unlock-dialog .modal-dialog-button:active {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
.login-dialog .modal-dialog-button:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
@@ -930,23 +972,27 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
.login-dialog .modal-dialog-button:default,
|
||||
.unlock-dialog .modal-dialog-button:default {
|
||||
color: white;
|
||||
background-color: #3484e2;
|
||||
background-color: #242424;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.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,
|
||||
.unlock-dialog .modal-dialog-button:default:hover,
|
||||
.unlock-dialog .modal-dialog-button:default:focus {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
background-color: #418ce4;
|
||||
background-color: #2c2c2c;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
.login-dialog .modal-dialog-button:default:active,
|
||||
.unlock-dialog .modal-dialog-button:default:active {
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
@@ -954,9 +1000,10 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
.login-dialog .modal-dialog-button:default:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -964,7 +1011,10 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button,
|
||||
.login-dialog .switch-user-button,
|
||||
.login-dialog .login-dialog-session-list-button {
|
||||
.login-dialog .login-dialog-session-list-button,
|
||||
.unlock-dialog .cancel-button,
|
||||
.unlock-dialog .switch-user-button,
|
||||
.unlock-dialog .login-dialog-session-list-button {
|
||||
padding: 0;
|
||||
border-radius: 100px;
|
||||
width: 32px;
|
||||
@@ -975,11 +1025,15 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button StIcon,
|
||||
.login-dialog .switch-user-button StIcon,
|
||||
.login-dialog .login-dialog-session-list-button StIcon {
|
||||
.login-dialog .login-dialog-session-list-button StIcon,
|
||||
.unlock-dialog .cancel-button StIcon,
|
||||
.unlock-dialog .switch-user-button StIcon,
|
||||
.unlock-dialog .login-dialog-session-list-button StIcon {
|
||||
icon-size: 16px;
|
||||
}
|
||||
|
||||
.login-dialog .login-dialog-message-warning {
|
||||
.login-dialog .login-dialog-message-warning,
|
||||
.unlock-dialog .login-dialog-message-warning {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -1061,7 +1115,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -1083,24 +1137,24 @@ StEntry StLabel.hint-text {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
.login-dialog-user-list-item:focus {
|
||||
background-color: rgba(255, 255, 255, 0.03) !important;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
|
||||
background-color: rgba(255, 255, 255, 0.16) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
||||
height: 2px;
|
||||
margin: 6px 0 0 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12) !important;
|
||||
}
|
||||
|
||||
.user-widget-label {
|
||||
@@ -1111,7 +1165,8 @@ StEntry StLabel.hint-text {
|
||||
background-size: contain;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 9999px;
|
||||
border: 2px rgba(255, 255, 255, 0.85);
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user-icon:hover {
|
||||
@@ -1309,7 +1364,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: white;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -1631,14 +1686,14 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.system-menu-action:hover, .system-menu-action:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
border: none;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.system-menu-action:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -1689,12 +1744,12 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.candidate-box:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
.candidate-box:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -1868,8 +1923,8 @@ StEntry StLabel.hint-text {
|
||||
.unlock-dialog-notification-count-text {
|
||||
weight: bold;
|
||||
padding: 0 6px;
|
||||
color: rgba(51, 51, 51, 0.95);
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-radius: 99px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
@@ -1894,7 +1949,7 @@ StScrollView StScrollBar {
|
||||
StScrollBar StBin#trough {
|
||||
margin: 6px;
|
||||
border-radius: 100px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
|
||||
|
||||
@@ -5,6 +5,29 @@ stage {
|
||||
color: #242424;
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.lowres-icon {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.icon-dropshadow {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.message, .world-clocks-button,
|
||||
.weather-button,
|
||||
.events-button,
|
||||
@@ -860,41 +883,56 @@ StEntry StLabel.hint-text {
|
||||
max-width: 23em;
|
||||
}
|
||||
|
||||
.login-dialog {
|
||||
.login-dialog,
|
||||
.unlock-dialog {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.login-dialog StEntry {
|
||||
.login-dialog StEntry,
|
||||
.unlock-dialog StEntry {
|
||||
selection-background-color: #0860f2;
|
||||
selected-background-color: #0860f2;
|
||||
selected-color: white;
|
||||
padding: 4px 8px;
|
||||
min-height: 20px;
|
||||
border-radius: 9999px;
|
||||
caret-color: white;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 9999px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:focus {
|
||||
.login-dialog StEntry:focus,
|
||||
.unlock-dialog StEntry:focus {
|
||||
border: none;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:insensitive {
|
||||
.login-dialog StEntry:insensitive,
|
||||
.unlock-dialog StEntry:insensitive {
|
||||
border: none;
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box {
|
||||
.login-dialog StEntry StLabel.hint-text,
|
||||
.unlock-dialog StEntry StLabel.hint-text {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box,
|
||||
.unlock-dialog .modal-dialog-button-box {
|
||||
spacing: 3px;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button {
|
||||
.login-dialog .modal-dialog-button,
|
||||
.unlock-dialog .modal-dialog-button {
|
||||
padding: 0 16px;
|
||||
border: none;
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -903,26 +941,30 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
|
||||
.unlock-dialog .modal-dialog-button:hover,
|
||||
.unlock-dialog .modal-dialog-button:focus {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:active {
|
||||
.login-dialog .modal-dialog-button:active,
|
||||
.unlock-dialog .modal-dialog-button:active {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
.login-dialog .modal-dialog-button:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
@@ -930,23 +972,27 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
.login-dialog .modal-dialog-button:default,
|
||||
.unlock-dialog .modal-dialog-button:default {
|
||||
color: white;
|
||||
background-color: #3484e2;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.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,
|
||||
.unlock-dialog .modal-dialog-button:default:hover,
|
||||
.unlock-dialog .modal-dialog-button:default:focus {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
background-color: #277ce0;
|
||||
background-color: #f7f7f7;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
.login-dialog .modal-dialog-button:default:active,
|
||||
.unlock-dialog .modal-dialog-button:default:active {
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-color: #487afa;
|
||||
@@ -954,9 +1000,10 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
.login-dialog .modal-dialog-button:default:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -964,7 +1011,10 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button,
|
||||
.login-dialog .switch-user-button,
|
||||
.login-dialog .login-dialog-session-list-button {
|
||||
.login-dialog .login-dialog-session-list-button,
|
||||
.unlock-dialog .cancel-button,
|
||||
.unlock-dialog .switch-user-button,
|
||||
.unlock-dialog .login-dialog-session-list-button {
|
||||
padding: 0;
|
||||
border-radius: 100px;
|
||||
width: 32px;
|
||||
@@ -975,11 +1025,15 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button StIcon,
|
||||
.login-dialog .switch-user-button StIcon,
|
||||
.login-dialog .login-dialog-session-list-button StIcon {
|
||||
.login-dialog .login-dialog-session-list-button StIcon,
|
||||
.unlock-dialog .cancel-button StIcon,
|
||||
.unlock-dialog .switch-user-button StIcon,
|
||||
.unlock-dialog .login-dialog-session-list-button StIcon {
|
||||
icon-size: 16px;
|
||||
}
|
||||
|
||||
.login-dialog .login-dialog-message-warning {
|
||||
.login-dialog .login-dialog-message-warning,
|
||||
.unlock-dialog .login-dialog-message-warning {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -1061,7 +1115,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -1083,24 +1137,24 @@ StEntry StLabel.hint-text {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
.login-dialog-user-list-item:focus {
|
||||
background-color: rgba(0, 0, 0, 0.05) !important;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
|
||||
background-color: rgba(0, 0, 0, 0.12) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
|
||||
background-color: rgba(0, 0, 0, 0.2) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
||||
height: 2px;
|
||||
margin: 6px 0 0 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(0, 0, 0, 0.16) !important;
|
||||
}
|
||||
|
||||
.user-widget-label {
|
||||
@@ -1111,7 +1165,8 @@ StEntry StLabel.hint-text {
|
||||
background-size: contain;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 9999px;
|
||||
border: 2px rgba(255, 255, 255, 0.85);
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user-icon:hover {
|
||||
@@ -1309,7 +1364,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: white;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -1868,8 +1923,8 @@ StEntry StLabel.hint-text {
|
||||
.unlock-dialog-notification-count-text {
|
||||
weight: bold;
|
||||
padding: 0 6px;
|
||||
color: rgba(240, 240, 240, 0.94);
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-radius: 99px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
@@ -5,6 +5,29 @@ stage {
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.lowres-icon {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.icon-dropshadow {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.search-provider-icon .overview-icon,
|
||||
.show-apps .overview-icon,
|
||||
.app-well-app .overview-icon,
|
||||
@@ -90,7 +113,7 @@ stage {
|
||||
|
||||
.hotplug-notification-item:insensitive {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -170,7 +193,7 @@ stage {
|
||||
|
||||
.button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -179,7 +202,7 @@ stage {
|
||||
|
||||
.button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -318,7 +341,7 @@ stage {
|
||||
}
|
||||
|
||||
.calendar-month-label:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.pager-button {
|
||||
@@ -331,11 +354,11 @@ stage {
|
||||
}
|
||||
|
||||
.pager-button:hover, .pager-button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.pager-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.calendar-change-month-back {
|
||||
@@ -375,18 +398,18 @@ stage {
|
||||
}
|
||||
|
||||
.calendar-day-base:hover, .calendar-day-base:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.calendar-day-base:active {
|
||||
color: #afafaf;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.calendar-day-base:selected {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@@ -592,11 +615,11 @@ stage {
|
||||
}
|
||||
|
||||
.message-list-clear-button.button:hover, .message-list-clear-button.button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message-list-clear-button.button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message-list-section,
|
||||
@@ -687,11 +710,11 @@ stage {
|
||||
}
|
||||
|
||||
.message .message-close-button:hover, .message .message-close-button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message .message-close-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message .message-body {
|
||||
@@ -711,12 +734,12 @@ stage {
|
||||
|
||||
.message-media-control:hover, .message-media-control:focus {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message-media-control:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message-media-control:insensitive {
|
||||
@@ -747,7 +770,7 @@ stage {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
@@ -773,11 +796,11 @@ stage {
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.check-box:checked StBin {
|
||||
@@ -908,7 +931,7 @@ stage {
|
||||
.search-provider-icon:active, .search-provider-icon:checked,
|
||||
.list-search-result:active,
|
||||
.list-search-result:checked {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
@@ -943,7 +966,7 @@ stage {
|
||||
.app-well-app:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
box-shadow: none;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -1112,7 +1135,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.app-folder-dialog .icon-grid {
|
||||
@@ -1233,7 +1256,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
|
||||
.modal-dialog-linked-button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -1242,7 +1265,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
|
||||
.modal-dialog-linked-button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -1672,7 +1695,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.audio-selection-device:hover, .audio-selection-device:focus {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
.audio-selection-device:active {
|
||||
@@ -1773,11 +1796,11 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.nm-dialog-item:hover, .nm-dialog-item:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.nm-dialog-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.nm-dialog-item:selected {
|
||||
@@ -1957,41 +1980,56 @@ StEntry StLabel.hint-text {
|
||||
max-width: 23em;
|
||||
}
|
||||
|
||||
.login-dialog {
|
||||
.login-dialog,
|
||||
.unlock-dialog {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.login-dialog StEntry {
|
||||
.login-dialog StEntry,
|
||||
.unlock-dialog StEntry {
|
||||
selection-background-color: #0860f2;
|
||||
selected-background-color: #0860f2;
|
||||
selected-color: white;
|
||||
padding: 4px 8px;
|
||||
min-height: 20px;
|
||||
border-radius: 9999px;
|
||||
caret-color: white;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 9999px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:focus {
|
||||
.login-dialog StEntry:focus,
|
||||
.unlock-dialog StEntry:focus {
|
||||
border: none;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:insensitive {
|
||||
.login-dialog StEntry:insensitive,
|
||||
.unlock-dialog StEntry:insensitive {
|
||||
border: none;
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box {
|
||||
.login-dialog StEntry StLabel.hint-text,
|
||||
.unlock-dialog StEntry StLabel.hint-text {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box,
|
||||
.unlock-dialog .modal-dialog-button-box {
|
||||
spacing: 3px;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button {
|
||||
.login-dialog .modal-dialog-button,
|
||||
.unlock-dialog .modal-dialog-button {
|
||||
padding: 0 16px;
|
||||
border: none;
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -2000,26 +2038,30 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
|
||||
.unlock-dialog .modal-dialog-button:hover,
|
||||
.unlock-dialog .modal-dialog-button:focus {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:active {
|
||||
.login-dialog .modal-dialog-button:active,
|
||||
.unlock-dialog .modal-dialog-button:active {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
.login-dialog .modal-dialog-button:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
@@ -2027,23 +2069,27 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
.login-dialog .modal-dialog-button:default,
|
||||
.unlock-dialog .modal-dialog-button:default {
|
||||
color: white;
|
||||
background-color: #3484e2;
|
||||
background-color: #242424;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.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,
|
||||
.unlock-dialog .modal-dialog-button:default:hover,
|
||||
.unlock-dialog .modal-dialog-button:default:focus {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
background-color: #418ce4;
|
||||
background-color: #2c2c2c;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
.login-dialog .modal-dialog-button:default:active,
|
||||
.unlock-dialog .modal-dialog-button:default:active {
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
@@ -2051,9 +2097,10 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
.login-dialog .modal-dialog-button:default:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -2061,7 +2108,10 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button,
|
||||
.login-dialog .switch-user-button,
|
||||
.login-dialog .login-dialog-session-list-button {
|
||||
.login-dialog .login-dialog-session-list-button,
|
||||
.unlock-dialog .cancel-button,
|
||||
.unlock-dialog .switch-user-button,
|
||||
.unlock-dialog .login-dialog-session-list-button {
|
||||
padding: 0;
|
||||
border-radius: 100px;
|
||||
width: 32px;
|
||||
@@ -2072,11 +2122,15 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button StIcon,
|
||||
.login-dialog .switch-user-button StIcon,
|
||||
.login-dialog .login-dialog-session-list-button StIcon {
|
||||
.login-dialog .login-dialog-session-list-button StIcon,
|
||||
.unlock-dialog .cancel-button StIcon,
|
||||
.unlock-dialog .switch-user-button StIcon,
|
||||
.unlock-dialog .login-dialog-session-list-button StIcon {
|
||||
icon-size: 16px;
|
||||
}
|
||||
|
||||
.login-dialog .login-dialog-message-warning {
|
||||
.login-dialog .login-dialog-message-warning,
|
||||
.unlock-dialog .login-dialog-message-warning {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2158,7 +2212,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2180,24 +2234,24 @@ StEntry StLabel.hint-text {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
.login-dialog-user-list-item:focus {
|
||||
background-color: rgba(255, 255, 255, 0.03) !important;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
|
||||
background-color: rgba(255, 255, 255, 0.16) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
||||
height: 2px;
|
||||
margin: 6px 0 0 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12) !important;
|
||||
}
|
||||
|
||||
.user-widget-label {
|
||||
@@ -2208,7 +2262,8 @@ StEntry StLabel.hint-text {
|
||||
background-size: contain;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 9999px;
|
||||
border: 2px rgba(255, 255, 255, 0.85);
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user-icon:hover {
|
||||
@@ -2341,7 +2396,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#LookingGlassDialog .notebook-tab:hover {
|
||||
box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
text-shadow: none;
|
||||
}
|
||||
@@ -2403,7 +2458,7 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.lg-obj-inspector-button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -2412,7 +2467,7 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.lg-obj-inspector-button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -2487,21 +2542,6 @@ StEntry StLabel.hint-text {
|
||||
-pie-background-color: rgba(201, 221, 253, 0.3);
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.caps-lock-warning-label {
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
@@ -2540,7 +2580,7 @@ StEntry StLabel.hint-text {
|
||||
.switcher-list .item-box:outlined {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -2579,37 +2619,6 @@ StEntry StLabel.hint-text {
|
||||
height: 96px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tile-preview {
|
||||
background-color: rgba(8, 96, 242, 0.3);
|
||||
border: 1px solid #0860f2;
|
||||
@@ -2734,11 +2743,11 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.hotplug-resident-mount:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.hotplug-resident-mount:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.hotplug-resident-mount-label {
|
||||
@@ -2829,17 +2838,17 @@ StEntry StLabel.hint-text {
|
||||
.notification-banner .notification-button:focus {
|
||||
background-color: transparent;
|
||||
color: #afafaf;
|
||||
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
|
||||
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.notification-banner .notification-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -2921,9 +2930,9 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.window-clone-border {
|
||||
border: 4px solid rgba(255, 255, 255, 0.3);
|
||||
border: 4px solid rgba(255, 255, 255, 0.28);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.window-caption {
|
||||
@@ -2942,7 +2951,7 @@ StEntry StLabel.hint-text {
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
caret-color: rgba(255, 255, 255, 0.85);
|
||||
selection-background-color: rgba(255, 255, 255, 0.3);
|
||||
selection-background-color: rgba(255, 255, 255, 0.28);
|
||||
selected-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
border-radius: 8px;
|
||||
@@ -3046,6 +3055,37 @@ StEntry StLabel.hint-text {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background-color: rgba(0, 0, 0, 0.16);
|
||||
/* transition from solid to transparent */
|
||||
@@ -3146,7 +3186,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: white;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -3468,14 +3508,14 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.system-menu-action:hover, .system-menu-action:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
border: none;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.system-menu-action:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -3526,12 +3566,12 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.candidate-box:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
.candidate-box:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -3705,8 +3745,8 @@ StEntry StLabel.hint-text {
|
||||
.unlock-dialog-notification-count-text {
|
||||
weight: bold;
|
||||
padding: 0 6px;
|
||||
color: rgba(51, 51, 51, 0.95);
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-radius: 99px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
@@ -3731,7 +3771,7 @@ StScrollView StScrollBar {
|
||||
StScrollBar StBin#trough {
|
||||
margin: 6px;
|
||||
border-radius: 100px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
|
||||
@@ -4040,7 +4080,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
|
||||
.openweather-provider:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -4056,7 +4096,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
|
||||
.openweather-provider:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
|
||||
@@ -5,6 +5,29 @@ stage {
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.lowres-icon {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.icon-dropshadow {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.search-provider-icon .overview-icon,
|
||||
.show-apps .overview-icon,
|
||||
.app-well-app .overview-icon,
|
||||
@@ -90,7 +113,7 @@ stage {
|
||||
|
||||
.hotplug-notification-item:insensitive {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -170,7 +193,7 @@ stage {
|
||||
|
||||
.button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -179,7 +202,7 @@ stage {
|
||||
|
||||
.button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -318,7 +341,7 @@ stage {
|
||||
}
|
||||
|
||||
.calendar-month-label:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.pager-button {
|
||||
@@ -331,11 +354,11 @@ stage {
|
||||
}
|
||||
|
||||
.pager-button:hover, .pager-button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.pager-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.calendar-change-month-back {
|
||||
@@ -375,18 +398,18 @@ stage {
|
||||
}
|
||||
|
||||
.calendar-day-base:hover, .calendar-day-base:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.calendar-day-base:active {
|
||||
color: #afafaf;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.calendar-day-base:selected {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@@ -592,11 +615,11 @@ stage {
|
||||
}
|
||||
|
||||
.message-list-clear-button.button:hover, .message-list-clear-button.button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message-list-clear-button.button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message-list-section,
|
||||
@@ -687,11 +710,11 @@ stage {
|
||||
}
|
||||
|
||||
.message .message-close-button:hover, .message .message-close-button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message .message-close-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message .message-body {
|
||||
@@ -711,12 +734,12 @@ stage {
|
||||
|
||||
.message-media-control:hover, .message-media-control:focus {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message-media-control:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message-media-control:insensitive {
|
||||
@@ -747,7 +770,7 @@ stage {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
@@ -773,11 +796,11 @@ stage {
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.check-box:checked StBin {
|
||||
@@ -908,7 +931,7 @@ stage {
|
||||
.search-provider-icon:active, .search-provider-icon:checked,
|
||||
.list-search-result:active,
|
||||
.list-search-result:checked {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
@@ -943,7 +966,7 @@ stage {
|
||||
.app-well-app:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
box-shadow: none;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -1112,7 +1135,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.app-folder-dialog .icon-grid {
|
||||
@@ -1233,7 +1256,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
|
||||
.modal-dialog-linked-button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -1242,7 +1265,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
|
||||
.modal-dialog-linked-button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -1672,7 +1695,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.audio-selection-device:hover, .audio-selection-device:focus {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
.audio-selection-device:active {
|
||||
@@ -1773,11 +1796,11 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.nm-dialog-item:hover, .nm-dialog-item:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.nm-dialog-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.nm-dialog-item:selected {
|
||||
@@ -1957,41 +1980,56 @@ StEntry StLabel.hint-text {
|
||||
max-width: 23em;
|
||||
}
|
||||
|
||||
.login-dialog {
|
||||
.login-dialog,
|
||||
.unlock-dialog {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.login-dialog StEntry {
|
||||
.login-dialog StEntry,
|
||||
.unlock-dialog StEntry {
|
||||
selection-background-color: #0860f2;
|
||||
selected-background-color: #0860f2;
|
||||
selected-color: white;
|
||||
padding: 4px 8px;
|
||||
min-height: 20px;
|
||||
border-radius: 9999px;
|
||||
caret-color: white;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 9999px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:focus {
|
||||
.login-dialog StEntry:focus,
|
||||
.unlock-dialog StEntry:focus {
|
||||
border: none;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:insensitive {
|
||||
.login-dialog StEntry:insensitive,
|
||||
.unlock-dialog StEntry:insensitive {
|
||||
border: none;
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box {
|
||||
.login-dialog StEntry StLabel.hint-text,
|
||||
.unlock-dialog StEntry StLabel.hint-text {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box,
|
||||
.unlock-dialog .modal-dialog-button-box {
|
||||
spacing: 3px;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button {
|
||||
.login-dialog .modal-dialog-button,
|
||||
.unlock-dialog .modal-dialog-button {
|
||||
padding: 0 16px;
|
||||
border: none;
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -2000,26 +2038,30 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
|
||||
.unlock-dialog .modal-dialog-button:hover,
|
||||
.unlock-dialog .modal-dialog-button:focus {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:active {
|
||||
.login-dialog .modal-dialog-button:active,
|
||||
.unlock-dialog .modal-dialog-button:active {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
.login-dialog .modal-dialog-button:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
@@ -2027,23 +2069,27 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
.login-dialog .modal-dialog-button:default,
|
||||
.unlock-dialog .modal-dialog-button:default {
|
||||
color: white;
|
||||
background-color: #3484e2;
|
||||
background-color: #242424;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.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,
|
||||
.unlock-dialog .modal-dialog-button:default:hover,
|
||||
.unlock-dialog .modal-dialog-button:default:focus {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
background-color: #418ce4;
|
||||
background-color: #2c2c2c;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
.login-dialog .modal-dialog-button:default:active,
|
||||
.unlock-dialog .modal-dialog-button:default:active {
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
@@ -2051,9 +2097,10 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
.login-dialog .modal-dialog-button:default:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -2061,7 +2108,10 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button,
|
||||
.login-dialog .switch-user-button,
|
||||
.login-dialog .login-dialog-session-list-button {
|
||||
.login-dialog .login-dialog-session-list-button,
|
||||
.unlock-dialog .cancel-button,
|
||||
.unlock-dialog .switch-user-button,
|
||||
.unlock-dialog .login-dialog-session-list-button {
|
||||
padding: 0;
|
||||
border-radius: 100px;
|
||||
width: 32px;
|
||||
@@ -2072,11 +2122,15 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button StIcon,
|
||||
.login-dialog .switch-user-button StIcon,
|
||||
.login-dialog .login-dialog-session-list-button StIcon {
|
||||
.login-dialog .login-dialog-session-list-button StIcon,
|
||||
.unlock-dialog .cancel-button StIcon,
|
||||
.unlock-dialog .switch-user-button StIcon,
|
||||
.unlock-dialog .login-dialog-session-list-button StIcon {
|
||||
icon-size: 16px;
|
||||
}
|
||||
|
||||
.login-dialog .login-dialog-message-warning {
|
||||
.login-dialog .login-dialog-message-warning,
|
||||
.unlock-dialog .login-dialog-message-warning {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2158,7 +2212,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2180,24 +2234,24 @@ StEntry StLabel.hint-text {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
.login-dialog-user-list-item:focus {
|
||||
background-color: rgba(255, 255, 255, 0.03) !important;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
|
||||
background-color: rgba(255, 255, 255, 0.16) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
||||
height: 2px;
|
||||
margin: 6px 0 0 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12) !important;
|
||||
}
|
||||
|
||||
.user-widget-label {
|
||||
@@ -2208,7 +2262,8 @@ StEntry StLabel.hint-text {
|
||||
background-size: contain;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 9999px;
|
||||
border: 2px rgba(255, 255, 255, 0.85);
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user-icon:hover {
|
||||
@@ -2341,7 +2396,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#LookingGlassDialog .notebook-tab:hover {
|
||||
box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
text-shadow: none;
|
||||
}
|
||||
@@ -2403,7 +2458,7 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.lg-obj-inspector-button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -2412,7 +2467,7 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.lg-obj-inspector-button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -2487,21 +2542,6 @@ StEntry StLabel.hint-text {
|
||||
-pie-background-color: rgba(201, 221, 253, 0.3);
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.caps-lock-warning-label {
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
@@ -2540,7 +2580,7 @@ StEntry StLabel.hint-text {
|
||||
.switcher-list .item-box:outlined {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -2579,37 +2619,6 @@ StEntry StLabel.hint-text {
|
||||
height: 96px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tile-preview {
|
||||
background-color: rgba(8, 96, 242, 0.3);
|
||||
border: 1px solid #0860f2;
|
||||
@@ -2734,11 +2743,11 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.hotplug-resident-mount:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.hotplug-resident-mount:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.hotplug-resident-mount-label {
|
||||
@@ -2829,17 +2838,17 @@ StEntry StLabel.hint-text {
|
||||
.notification-banner .notification-button:focus {
|
||||
background-color: transparent;
|
||||
color: #afafaf;
|
||||
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
|
||||
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.notification-banner .notification-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -2921,9 +2930,9 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.window-clone-border {
|
||||
border: 4px solid rgba(255, 255, 255, 0.3);
|
||||
border: 4px solid rgba(255, 255, 255, 0.28);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.window-caption {
|
||||
@@ -2942,7 +2951,7 @@ StEntry StLabel.hint-text {
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
caret-color: rgba(255, 255, 255, 0.85);
|
||||
selection-background-color: rgba(255, 255, 255, 0.3);
|
||||
selection-background-color: rgba(255, 255, 255, 0.28);
|
||||
selected-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
border-radius: 8px;
|
||||
@@ -3046,6 +3055,37 @@ StEntry StLabel.hint-text {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background-color: #2a2a2a;
|
||||
/* transition from solid to transparent */
|
||||
@@ -3146,7 +3186,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: #dadada;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -3468,14 +3508,14 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.system-menu-action:hover, .system-menu-action:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
border: none;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.system-menu-action:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -3526,12 +3566,12 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.candidate-box:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
.candidate-box:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -3705,8 +3745,8 @@ StEntry StLabel.hint-text {
|
||||
.unlock-dialog-notification-count-text {
|
||||
weight: bold;
|
||||
padding: 0 6px;
|
||||
color: #333333;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-radius: 99px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
@@ -3731,7 +3771,7 @@ StScrollView StScrollBar {
|
||||
StScrollBar StBin#trough {
|
||||
margin: 6px;
|
||||
border-radius: 100px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
|
||||
@@ -4040,7 +4080,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
|
||||
.openweather-provider:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -4056,7 +4096,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
|
||||
.openweather-provider:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
|
||||
@@ -5,6 +5,29 @@ stage {
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.lowres-icon {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.icon-dropshadow {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.search-provider-icon .overview-icon,
|
||||
.show-apps .overview-icon,
|
||||
.app-well-app .overview-icon,
|
||||
@@ -90,7 +113,7 @@ stage {
|
||||
|
||||
.hotplug-notification-item:insensitive {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -170,7 +193,7 @@ stage {
|
||||
|
||||
.button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -179,7 +202,7 @@ stage {
|
||||
|
||||
.button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -318,7 +341,7 @@ stage {
|
||||
}
|
||||
|
||||
.calendar-month-label:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.pager-button {
|
||||
@@ -331,11 +354,11 @@ stage {
|
||||
}
|
||||
|
||||
.pager-button:hover, .pager-button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.pager-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.calendar-change-month-back {
|
||||
@@ -375,18 +398,18 @@ stage {
|
||||
}
|
||||
|
||||
.calendar-day-base:hover, .calendar-day-base:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.calendar-day-base:active {
|
||||
color: #afafaf;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.calendar-day-base:selected {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@@ -592,11 +615,11 @@ stage {
|
||||
}
|
||||
|
||||
.message-list-clear-button.button:hover, .message-list-clear-button.button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message-list-clear-button.button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message-list-section,
|
||||
@@ -687,11 +710,11 @@ stage {
|
||||
}
|
||||
|
||||
.message .message-close-button:hover, .message .message-close-button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message .message-close-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message .message-body {
|
||||
@@ -711,12 +734,12 @@ stage {
|
||||
|
||||
.message-media-control:hover, .message-media-control:focus {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message-media-control:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message-media-control:insensitive {
|
||||
@@ -747,7 +770,7 @@ stage {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
@@ -773,11 +796,11 @@ stage {
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.check-box:checked StBin {
|
||||
@@ -908,7 +931,7 @@ stage {
|
||||
.search-provider-icon:active, .search-provider-icon:checked,
|
||||
.list-search-result:active,
|
||||
.list-search-result:checked {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
@@ -943,7 +966,7 @@ stage {
|
||||
.app-well-app:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
box-shadow: none;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -1112,7 +1135,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.app-folder-dialog .icon-grid {
|
||||
@@ -1233,7 +1256,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
|
||||
.modal-dialog-linked-button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -1242,7 +1265,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
|
||||
.modal-dialog-linked-button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -1672,7 +1695,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.audio-selection-device:hover, .audio-selection-device:focus {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
.audio-selection-device:active {
|
||||
@@ -1773,11 +1796,11 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.nm-dialog-item:hover, .nm-dialog-item:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.nm-dialog-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.nm-dialog-item:selected {
|
||||
@@ -1957,41 +1980,56 @@ StEntry StLabel.hint-text {
|
||||
max-width: 23em;
|
||||
}
|
||||
|
||||
.login-dialog {
|
||||
.login-dialog,
|
||||
.unlock-dialog {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.login-dialog StEntry {
|
||||
.login-dialog StEntry,
|
||||
.unlock-dialog StEntry {
|
||||
selection-background-color: #0860f2;
|
||||
selected-background-color: #0860f2;
|
||||
selected-color: white;
|
||||
padding: 4px 8px;
|
||||
min-height: 20px;
|
||||
border-radius: 9999px;
|
||||
caret-color: white;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 9999px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:focus {
|
||||
.login-dialog StEntry:focus,
|
||||
.unlock-dialog StEntry:focus {
|
||||
border: none;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:insensitive {
|
||||
.login-dialog StEntry:insensitive,
|
||||
.unlock-dialog StEntry:insensitive {
|
||||
border: none;
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box {
|
||||
.login-dialog StEntry StLabel.hint-text,
|
||||
.unlock-dialog StEntry StLabel.hint-text {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box,
|
||||
.unlock-dialog .modal-dialog-button-box {
|
||||
spacing: 3px;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button {
|
||||
.login-dialog .modal-dialog-button,
|
||||
.unlock-dialog .modal-dialog-button {
|
||||
padding: 0 16px;
|
||||
border: none;
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -2000,26 +2038,30 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
|
||||
.unlock-dialog .modal-dialog-button:hover,
|
||||
.unlock-dialog .modal-dialog-button:focus {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:active {
|
||||
.login-dialog .modal-dialog-button:active,
|
||||
.unlock-dialog .modal-dialog-button:active {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
.login-dialog .modal-dialog-button:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
@@ -2027,23 +2069,27 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
.login-dialog .modal-dialog-button:default,
|
||||
.unlock-dialog .modal-dialog-button:default {
|
||||
color: white;
|
||||
background-color: #3484e2;
|
||||
background-color: #242424;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.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,
|
||||
.unlock-dialog .modal-dialog-button:default:hover,
|
||||
.unlock-dialog .modal-dialog-button:default:focus {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
background-color: #418ce4;
|
||||
background-color: #2c2c2c;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
.login-dialog .modal-dialog-button:default:active,
|
||||
.unlock-dialog .modal-dialog-button:default:active {
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
@@ -2051,9 +2097,10 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
.login-dialog .modal-dialog-button:default:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -2061,7 +2108,10 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button,
|
||||
.login-dialog .switch-user-button,
|
||||
.login-dialog .login-dialog-session-list-button {
|
||||
.login-dialog .login-dialog-session-list-button,
|
||||
.unlock-dialog .cancel-button,
|
||||
.unlock-dialog .switch-user-button,
|
||||
.unlock-dialog .login-dialog-session-list-button {
|
||||
padding: 0;
|
||||
border-radius: 100px;
|
||||
width: 32px;
|
||||
@@ -2072,11 +2122,15 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button StIcon,
|
||||
.login-dialog .switch-user-button StIcon,
|
||||
.login-dialog .login-dialog-session-list-button StIcon {
|
||||
.login-dialog .login-dialog-session-list-button StIcon,
|
||||
.unlock-dialog .cancel-button StIcon,
|
||||
.unlock-dialog .switch-user-button StIcon,
|
||||
.unlock-dialog .login-dialog-session-list-button StIcon {
|
||||
icon-size: 16px;
|
||||
}
|
||||
|
||||
.login-dialog .login-dialog-message-warning {
|
||||
.login-dialog .login-dialog-message-warning,
|
||||
.unlock-dialog .login-dialog-message-warning {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2158,7 +2212,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2180,24 +2234,24 @@ StEntry StLabel.hint-text {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
.login-dialog-user-list-item:focus {
|
||||
background-color: rgba(255, 255, 255, 0.03) !important;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
|
||||
background-color: rgba(255, 255, 255, 0.16) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
||||
height: 2px;
|
||||
margin: 6px 0 0 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12) !important;
|
||||
}
|
||||
|
||||
.user-widget-label {
|
||||
@@ -2208,7 +2262,8 @@ StEntry StLabel.hint-text {
|
||||
background-size: contain;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 9999px;
|
||||
border: 2px rgba(255, 255, 255, 0.85);
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user-icon:hover {
|
||||
@@ -2341,7 +2396,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#LookingGlassDialog .notebook-tab:hover {
|
||||
box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
text-shadow: none;
|
||||
}
|
||||
@@ -2403,7 +2458,7 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.lg-obj-inspector-button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -2412,7 +2467,7 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.lg-obj-inspector-button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -2487,21 +2542,6 @@ StEntry StLabel.hint-text {
|
||||
-pie-background-color: rgba(201, 221, 253, 0.3);
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.caps-lock-warning-label {
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
@@ -2540,7 +2580,7 @@ StEntry StLabel.hint-text {
|
||||
.switcher-list .item-box:outlined {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -2579,37 +2619,6 @@ StEntry StLabel.hint-text {
|
||||
height: 96px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tile-preview {
|
||||
background-color: rgba(8, 96, 242, 0.3);
|
||||
border: 1px solid #0860f2;
|
||||
@@ -2734,11 +2743,11 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.hotplug-resident-mount:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.hotplug-resident-mount:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.hotplug-resident-mount-label {
|
||||
@@ -2829,17 +2838,17 @@ StEntry StLabel.hint-text {
|
||||
.notification-banner .notification-button:focus {
|
||||
background-color: transparent;
|
||||
color: #afafaf;
|
||||
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
|
||||
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.notification-banner .notification-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -2921,9 +2930,9 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.window-clone-border {
|
||||
border: 4px solid rgba(255, 255, 255, 0.3);
|
||||
border: 4px solid rgba(255, 255, 255, 0.28);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.window-caption {
|
||||
@@ -2942,7 +2951,7 @@ StEntry StLabel.hint-text {
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
caret-color: rgba(255, 255, 255, 0.85);
|
||||
selection-background-color: rgba(255, 255, 255, 0.3);
|
||||
selection-background-color: rgba(255, 255, 255, 0.28);
|
||||
selected-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
border-radius: 8px;
|
||||
@@ -3046,6 +3055,37 @@ StEntry StLabel.hint-text {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background-color: #2a2a2a;
|
||||
/* transition from solid to transparent */
|
||||
@@ -3146,7 +3186,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: #dadada;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -3468,14 +3508,14 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.system-menu-action:hover, .system-menu-action:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
border: none;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.system-menu-action:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -3526,12 +3566,12 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.candidate-box:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
.candidate-box:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -3705,8 +3745,8 @@ StEntry StLabel.hint-text {
|
||||
.unlock-dialog-notification-count-text {
|
||||
weight: bold;
|
||||
padding: 0 6px;
|
||||
color: #333333;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-radius: 99px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
@@ -3731,7 +3771,7 @@ StScrollView StScrollBar {
|
||||
StScrollBar StBin#trough {
|
||||
margin: 6px;
|
||||
border-radius: 100px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
|
||||
@@ -4040,7 +4080,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
|
||||
.openweather-provider:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -4056,7 +4096,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
|
||||
.openweather-provider:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
|
||||
@@ -5,6 +5,29 @@ stage {
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.lowres-icon {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.icon-dropshadow {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.search-provider-icon .overview-icon,
|
||||
.show-apps .overview-icon,
|
||||
.app-well-app .overview-icon,
|
||||
@@ -90,7 +113,7 @@ stage {
|
||||
|
||||
.hotplug-notification-item:insensitive {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -170,7 +193,7 @@ stage {
|
||||
|
||||
.button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -179,7 +202,7 @@ stage {
|
||||
|
||||
.button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -318,7 +341,7 @@ stage {
|
||||
}
|
||||
|
||||
.calendar-month-label:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.pager-button {
|
||||
@@ -331,11 +354,11 @@ stage {
|
||||
}
|
||||
|
||||
.pager-button:hover, .pager-button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.pager-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.calendar-change-month-back {
|
||||
@@ -375,18 +398,18 @@ stage {
|
||||
}
|
||||
|
||||
.calendar-day-base:hover, .calendar-day-base:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.calendar-day-base:active {
|
||||
color: #afafaf;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.calendar-day-base:selected {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
@@ -592,11 +615,11 @@ stage {
|
||||
}
|
||||
|
||||
.message-list-clear-button.button:hover, .message-list-clear-button.button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message-list-clear-button.button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message-list-section,
|
||||
@@ -687,11 +710,11 @@ stage {
|
||||
}
|
||||
|
||||
.message .message-close-button:hover, .message .message-close-button:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message .message-close-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message .message-body {
|
||||
@@ -711,12 +734,12 @@ stage {
|
||||
|
||||
.message-media-control:hover, .message-media-control:focus {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.message-media-control:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.message-media-control:insensitive {
|
||||
@@ -747,7 +770,7 @@ stage {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
@@ -773,11 +796,11 @@ stage {
|
||||
}
|
||||
|
||||
.check-box:hover StBin {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.check-box:active StBin {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.check-box:checked StBin {
|
||||
@@ -908,7 +931,7 @@ stage {
|
||||
.search-provider-icon:active, .search-provider-icon:checked,
|
||||
.list-search-result:active,
|
||||
.list-search-result:checked {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
@@ -943,7 +966,7 @@ stage {
|
||||
.app-well-app:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
box-shadow: none;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -1112,7 +1135,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.app-folder-dialog .icon-grid {
|
||||
@@ -1233,7 +1256,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
|
||||
.modal-dialog-linked-button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -1242,7 +1265,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
|
||||
.modal-dialog-linked-button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -1672,7 +1695,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.audio-selection-device:hover, .audio-selection-device:focus {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
.audio-selection-device:active {
|
||||
@@ -1773,11 +1796,11 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.nm-dialog-item:hover, .nm-dialog-item:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.nm-dialog-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.nm-dialog-item:selected {
|
||||
@@ -1957,41 +1980,56 @@ StEntry StLabel.hint-text {
|
||||
max-width: 23em;
|
||||
}
|
||||
|
||||
.login-dialog {
|
||||
.login-dialog,
|
||||
.unlock-dialog {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.login-dialog StEntry {
|
||||
.login-dialog StEntry,
|
||||
.unlock-dialog StEntry {
|
||||
selection-background-color: #0860f2;
|
||||
selected-background-color: #0860f2;
|
||||
selected-color: white;
|
||||
padding: 4px 8px;
|
||||
min-height: 20px;
|
||||
border-radius: 9999px;
|
||||
caret-color: white;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 9999px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:focus {
|
||||
.login-dialog StEntry:focus,
|
||||
.unlock-dialog StEntry:focus {
|
||||
border: none;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:insensitive {
|
||||
.login-dialog StEntry:insensitive,
|
||||
.unlock-dialog StEntry:insensitive {
|
||||
border: none;
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box {
|
||||
.login-dialog StEntry StLabel.hint-text,
|
||||
.unlock-dialog StEntry StLabel.hint-text {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box,
|
||||
.unlock-dialog .modal-dialog-button-box {
|
||||
spacing: 3px;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button {
|
||||
.login-dialog .modal-dialog-button,
|
||||
.unlock-dialog .modal-dialog-button {
|
||||
padding: 0 16px;
|
||||
border: none;
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -2000,26 +2038,30 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
|
||||
.unlock-dialog .modal-dialog-button:hover,
|
||||
.unlock-dialog .modal-dialog-button:focus {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:active {
|
||||
.login-dialog .modal-dialog-button:active,
|
||||
.unlock-dialog .modal-dialog-button:active {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
.login-dialog .modal-dialog-button:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
@@ -2027,23 +2069,27 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
.login-dialog .modal-dialog-button:default,
|
||||
.unlock-dialog .modal-dialog-button:default {
|
||||
color: white;
|
||||
background-color: #3484e2;
|
||||
background-color: #242424;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.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,
|
||||
.unlock-dialog .modal-dialog-button:default:hover,
|
||||
.unlock-dialog .modal-dialog-button:default:focus {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
background-color: #418ce4;
|
||||
background-color: #2c2c2c;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
.login-dialog .modal-dialog-button:default:active,
|
||||
.unlock-dialog .modal-dialog-button:default:active {
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
@@ -2051,9 +2097,10 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
.login-dialog .modal-dialog-button:default:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -2061,7 +2108,10 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button,
|
||||
.login-dialog .switch-user-button,
|
||||
.login-dialog .login-dialog-session-list-button {
|
||||
.login-dialog .login-dialog-session-list-button,
|
||||
.unlock-dialog .cancel-button,
|
||||
.unlock-dialog .switch-user-button,
|
||||
.unlock-dialog .login-dialog-session-list-button {
|
||||
padding: 0;
|
||||
border-radius: 100px;
|
||||
width: 32px;
|
||||
@@ -2072,11 +2122,15 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button StIcon,
|
||||
.login-dialog .switch-user-button StIcon,
|
||||
.login-dialog .login-dialog-session-list-button StIcon {
|
||||
.login-dialog .login-dialog-session-list-button StIcon,
|
||||
.unlock-dialog .cancel-button StIcon,
|
||||
.unlock-dialog .switch-user-button StIcon,
|
||||
.unlock-dialog .login-dialog-session-list-button StIcon {
|
||||
icon-size: 16px;
|
||||
}
|
||||
|
||||
.login-dialog .login-dialog-message-warning {
|
||||
.login-dialog .login-dialog-message-warning,
|
||||
.unlock-dialog .login-dialog-message-warning {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2158,7 +2212,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2180,24 +2234,24 @@ StEntry StLabel.hint-text {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
.login-dialog-user-list-item:focus {
|
||||
background-color: rgba(255, 255, 255, 0.03) !important;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
|
||||
background-color: rgba(255, 255, 255, 0.16) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
||||
height: 2px;
|
||||
margin: 6px 0 0 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12) !important;
|
||||
}
|
||||
|
||||
.user-widget-label {
|
||||
@@ -2208,7 +2262,8 @@ StEntry StLabel.hint-text {
|
||||
background-size: contain;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 9999px;
|
||||
border: 2px rgba(255, 255, 255, 0.85);
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user-icon:hover {
|
||||
@@ -2341,7 +2396,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#LookingGlassDialog .notebook-tab:hover {
|
||||
box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
text-shadow: none;
|
||||
}
|
||||
@@ -2403,7 +2458,7 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.lg-obj-inspector-button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -2412,7 +2467,7 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.lg-obj-inspector-button:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -2487,21 +2542,6 @@ StEntry StLabel.hint-text {
|
||||
-pie-background-color: rgba(201, 221, 253, 0.3);
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.caps-lock-warning-label {
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
@@ -2540,7 +2580,7 @@ StEntry StLabel.hint-text {
|
||||
.switcher-list .item-box:outlined {
|
||||
padding: 8px;
|
||||
border: none;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -2579,37 +2619,6 @@ StEntry StLabel.hint-text {
|
||||
height: 96px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tile-preview {
|
||||
background-color: rgba(8, 96, 242, 0.3);
|
||||
border: 1px solid #0860f2;
|
||||
@@ -2734,11 +2743,11 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.hotplug-resident-mount:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.hotplug-resident-mount:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
}
|
||||
|
||||
.hotplug-resident-mount-label {
|
||||
@@ -2829,17 +2838,17 @@ StEntry StLabel.hint-text {
|
||||
.notification-banner .notification-button:focus {
|
||||
background-color: transparent;
|
||||
color: #afafaf;
|
||||
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
|
||||
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.notification-banner .notification-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -2921,9 +2930,9 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.window-clone-border {
|
||||
border: 4px solid rgba(255, 255, 255, 0.3);
|
||||
border: 4px solid rgba(255, 255, 255, 0.28);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.window-caption {
|
||||
@@ -2942,7 +2951,7 @@ StEntry StLabel.hint-text {
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
caret-color: rgba(255, 255, 255, 0.85);
|
||||
selection-background-color: rgba(255, 255, 255, 0.3);
|
||||
selection-background-color: rgba(255, 255, 255, 0.28);
|
||||
selected-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
border-radius: 8px;
|
||||
@@ -3046,6 +3055,37 @@ StEntry StLabel.hint-text {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background-color: rgba(0, 0, 0, 0.16);
|
||||
/* transition from solid to transparent */
|
||||
@@ -3146,7 +3186,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: white;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -3468,14 +3508,14 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.system-menu-action:hover, .system-menu-action:focus {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
border: none;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.system-menu-action:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -3526,12 +3566,12 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.candidate-box:hover {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
.candidate-box:active {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
color: #dedede;
|
||||
}
|
||||
|
||||
@@ -3705,8 +3745,8 @@ StEntry StLabel.hint-text {
|
||||
.unlock-dialog-notification-count-text {
|
||||
weight: bold;
|
||||
padding: 0 6px;
|
||||
color: rgba(51, 51, 51, 0.95);
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-radius: 99px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
@@ -3731,7 +3771,7 @@ StScrollView StScrollBar {
|
||||
StScrollBar StBin#trough {
|
||||
margin: 6px;
|
||||
border-radius: 100px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
|
||||
@@ -4040,7 +4080,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
|
||||
.openweather-provider:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
@@ -4056,7 +4096,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
|
||||
.openweather-provider:active {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
|
||||
@@ -5,6 +5,29 @@ stage {
|
||||
color: #242424;
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.lowres-icon {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.icon-dropshadow {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.search-provider-icon .overview-icon,
|
||||
.show-apps .overview-icon,
|
||||
.app-well-app .overview-icon,
|
||||
@@ -908,7 +931,7 @@ stage {
|
||||
.search-provider-icon:active, .search-provider-icon:checked,
|
||||
.list-search-result:active,
|
||||
.list-search-result:checked {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
@@ -943,7 +966,7 @@ stage {
|
||||
.app-well-app:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
box-shadow: none;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -1112,7 +1135,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.app-folder-dialog .icon-grid {
|
||||
@@ -1672,7 +1695,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.audio-selection-device:hover, .audio-selection-device:focus {
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
background-color: rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.audio-selection-device:active {
|
||||
@@ -1957,41 +1980,56 @@ StEntry StLabel.hint-text {
|
||||
max-width: 23em;
|
||||
}
|
||||
|
||||
.login-dialog {
|
||||
.login-dialog,
|
||||
.unlock-dialog {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.login-dialog StEntry {
|
||||
.login-dialog StEntry,
|
||||
.unlock-dialog StEntry {
|
||||
selection-background-color: #0860f2;
|
||||
selected-background-color: #0860f2;
|
||||
selected-color: white;
|
||||
padding: 4px 8px;
|
||||
min-height: 20px;
|
||||
border-radius: 9999px;
|
||||
caret-color: white;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 9999px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:focus {
|
||||
.login-dialog StEntry:focus,
|
||||
.unlock-dialog StEntry:focus {
|
||||
border: none;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:insensitive {
|
||||
.login-dialog StEntry:insensitive,
|
||||
.unlock-dialog StEntry:insensitive {
|
||||
border: none;
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box {
|
||||
.login-dialog StEntry StLabel.hint-text,
|
||||
.unlock-dialog StEntry StLabel.hint-text {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box,
|
||||
.unlock-dialog .modal-dialog-button-box {
|
||||
spacing: 3px;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button {
|
||||
.login-dialog .modal-dialog-button,
|
||||
.unlock-dialog .modal-dialog-button {
|
||||
padding: 0 16px;
|
||||
border: none;
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -2000,26 +2038,30 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
|
||||
.unlock-dialog .modal-dialog-button:hover,
|
||||
.unlock-dialog .modal-dialog-button:focus {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:active {
|
||||
.login-dialog .modal-dialog-button:active,
|
||||
.unlock-dialog .modal-dialog-button:active {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
.login-dialog .modal-dialog-button:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
@@ -2027,23 +2069,27 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
.login-dialog .modal-dialog-button:default,
|
||||
.unlock-dialog .modal-dialog-button:default {
|
||||
color: white;
|
||||
background-color: #3484e2;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.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,
|
||||
.unlock-dialog .modal-dialog-button:default:hover,
|
||||
.unlock-dialog .modal-dialog-button:default:focus {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
background-color: #277ce0;
|
||||
background-color: #f7f7f7;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
.login-dialog .modal-dialog-button:default:active,
|
||||
.unlock-dialog .modal-dialog-button:default:active {
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-color: #487afa;
|
||||
@@ -2051,9 +2097,10 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
.login-dialog .modal-dialog-button:default:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -2061,7 +2108,10 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button,
|
||||
.login-dialog .switch-user-button,
|
||||
.login-dialog .login-dialog-session-list-button {
|
||||
.login-dialog .login-dialog-session-list-button,
|
||||
.unlock-dialog .cancel-button,
|
||||
.unlock-dialog .switch-user-button,
|
||||
.unlock-dialog .login-dialog-session-list-button {
|
||||
padding: 0;
|
||||
border-radius: 100px;
|
||||
width: 32px;
|
||||
@@ -2072,11 +2122,15 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button StIcon,
|
||||
.login-dialog .switch-user-button StIcon,
|
||||
.login-dialog .login-dialog-session-list-button StIcon {
|
||||
.login-dialog .login-dialog-session-list-button StIcon,
|
||||
.unlock-dialog .cancel-button StIcon,
|
||||
.unlock-dialog .switch-user-button StIcon,
|
||||
.unlock-dialog .login-dialog-session-list-button StIcon {
|
||||
icon-size: 16px;
|
||||
}
|
||||
|
||||
.login-dialog .login-dialog-message-warning {
|
||||
.login-dialog .login-dialog-message-warning,
|
||||
.unlock-dialog .login-dialog-message-warning {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2158,7 +2212,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2180,24 +2234,24 @@ StEntry StLabel.hint-text {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
.login-dialog-user-list-item:focus {
|
||||
background-color: rgba(0, 0, 0, 0.05) !important;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
|
||||
background-color: rgba(0, 0, 0, 0.12) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
|
||||
background-color: rgba(0, 0, 0, 0.2) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
||||
height: 2px;
|
||||
margin: 6px 0 0 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(0, 0, 0, 0.16) !important;
|
||||
}
|
||||
|
||||
.user-widget-label {
|
||||
@@ -2208,7 +2262,8 @@ StEntry StLabel.hint-text {
|
||||
background-size: contain;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 9999px;
|
||||
border: 2px rgba(255, 255, 255, 0.85);
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user-icon:hover {
|
||||
@@ -2487,21 +2542,6 @@ StEntry StLabel.hint-text {
|
||||
-pie-background-color: rgba(201, 221, 253, 0.3);
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.caps-lock-warning-label {
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
@@ -2579,37 +2619,6 @@ StEntry StLabel.hint-text {
|
||||
height: 96px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tile-preview {
|
||||
background-color: rgba(8, 96, 242, 0.3);
|
||||
border: 1px solid #0860f2;
|
||||
@@ -2921,9 +2930,9 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.window-clone-border {
|
||||
border: 4px solid rgba(255, 255, 255, 0.3);
|
||||
border: 4px solid rgba(255, 255, 255, 0.28);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.window-caption {
|
||||
@@ -2942,7 +2951,7 @@ StEntry StLabel.hint-text {
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
caret-color: rgba(255, 255, 255, 0.85);
|
||||
selection-background-color: rgba(255, 255, 255, 0.3);
|
||||
selection-background-color: rgba(255, 255, 255, 0.28);
|
||||
selected-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
border-radius: 8px;
|
||||
@@ -3046,6 +3055,37 @@ StEntry StLabel.hint-text {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
/* transition from solid to transparent */
|
||||
@@ -3146,7 +3186,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: #363636;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -3705,8 +3745,8 @@ StEntry StLabel.hint-text {
|
||||
.unlock-dialog-notification-count-text {
|
||||
weight: bold;
|
||||
padding: 0 6px;
|
||||
color: rgba(240, 240, 240, 0.94);
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-radius: 99px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
@@ -5,6 +5,29 @@ stage {
|
||||
color: #242424;
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.lowres-icon {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.icon-dropshadow {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.search-provider-icon .overview-icon,
|
||||
.show-apps .overview-icon,
|
||||
.app-well-app .overview-icon,
|
||||
@@ -908,7 +931,7 @@ stage {
|
||||
.search-provider-icon:active, .search-provider-icon:checked,
|
||||
.list-search-result:active,
|
||||
.list-search-result:checked {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
@@ -943,7 +966,7 @@ stage {
|
||||
.app-well-app:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
box-shadow: none;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -1112,7 +1135,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.app-folder-dialog .icon-grid {
|
||||
@@ -1672,7 +1695,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.audio-selection-device:hover, .audio-selection-device:focus {
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
background-color: rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.audio-selection-device:active {
|
||||
@@ -1957,41 +1980,56 @@ StEntry StLabel.hint-text {
|
||||
max-width: 23em;
|
||||
}
|
||||
|
||||
.login-dialog {
|
||||
.login-dialog,
|
||||
.unlock-dialog {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.login-dialog StEntry {
|
||||
.login-dialog StEntry,
|
||||
.unlock-dialog StEntry {
|
||||
selection-background-color: #0860f2;
|
||||
selected-background-color: #0860f2;
|
||||
selected-color: white;
|
||||
padding: 4px 8px;
|
||||
min-height: 20px;
|
||||
border-radius: 9999px;
|
||||
caret-color: white;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 9999px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:focus {
|
||||
.login-dialog StEntry:focus,
|
||||
.unlock-dialog StEntry:focus {
|
||||
border: none;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:insensitive {
|
||||
.login-dialog StEntry:insensitive,
|
||||
.unlock-dialog StEntry:insensitive {
|
||||
border: none;
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box {
|
||||
.login-dialog StEntry StLabel.hint-text,
|
||||
.unlock-dialog StEntry StLabel.hint-text {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box,
|
||||
.unlock-dialog .modal-dialog-button-box {
|
||||
spacing: 3px;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button {
|
||||
.login-dialog .modal-dialog-button,
|
||||
.unlock-dialog .modal-dialog-button {
|
||||
padding: 0 16px;
|
||||
border: none;
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -2000,26 +2038,30 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
|
||||
.unlock-dialog .modal-dialog-button:hover,
|
||||
.unlock-dialog .modal-dialog-button:focus {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:active {
|
||||
.login-dialog .modal-dialog-button:active,
|
||||
.unlock-dialog .modal-dialog-button:active {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
.login-dialog .modal-dialog-button:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
@@ -2027,23 +2069,27 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
.login-dialog .modal-dialog-button:default,
|
||||
.unlock-dialog .modal-dialog-button:default {
|
||||
color: white;
|
||||
background-color: #3484e2;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.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,
|
||||
.unlock-dialog .modal-dialog-button:default:hover,
|
||||
.unlock-dialog .modal-dialog-button:default:focus {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
background-color: #277ce0;
|
||||
background-color: #f7f7f7;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
.login-dialog .modal-dialog-button:default:active,
|
||||
.unlock-dialog .modal-dialog-button:default:active {
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-color: #487afa;
|
||||
@@ -2051,9 +2097,10 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
.login-dialog .modal-dialog-button:default:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -2061,7 +2108,10 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button,
|
||||
.login-dialog .switch-user-button,
|
||||
.login-dialog .login-dialog-session-list-button {
|
||||
.login-dialog .login-dialog-session-list-button,
|
||||
.unlock-dialog .cancel-button,
|
||||
.unlock-dialog .switch-user-button,
|
||||
.unlock-dialog .login-dialog-session-list-button {
|
||||
padding: 0;
|
||||
border-radius: 100px;
|
||||
width: 32px;
|
||||
@@ -2072,11 +2122,15 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button StIcon,
|
||||
.login-dialog .switch-user-button StIcon,
|
||||
.login-dialog .login-dialog-session-list-button StIcon {
|
||||
.login-dialog .login-dialog-session-list-button StIcon,
|
||||
.unlock-dialog .cancel-button StIcon,
|
||||
.unlock-dialog .switch-user-button StIcon,
|
||||
.unlock-dialog .login-dialog-session-list-button StIcon {
|
||||
icon-size: 16px;
|
||||
}
|
||||
|
||||
.login-dialog .login-dialog-message-warning {
|
||||
.login-dialog .login-dialog-message-warning,
|
||||
.unlock-dialog .login-dialog-message-warning {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2158,7 +2212,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2180,24 +2234,24 @@ StEntry StLabel.hint-text {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
.login-dialog-user-list-item:focus {
|
||||
background-color: rgba(0, 0, 0, 0.05) !important;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
|
||||
background-color: rgba(0, 0, 0, 0.12) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
|
||||
background-color: rgba(0, 0, 0, 0.2) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
||||
height: 2px;
|
||||
margin: 6px 0 0 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(0, 0, 0, 0.16) !important;
|
||||
}
|
||||
|
||||
.user-widget-label {
|
||||
@@ -2208,7 +2262,8 @@ StEntry StLabel.hint-text {
|
||||
background-size: contain;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 9999px;
|
||||
border: 2px rgba(255, 255, 255, 0.85);
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user-icon:hover {
|
||||
@@ -2487,21 +2542,6 @@ StEntry StLabel.hint-text {
|
||||
-pie-background-color: rgba(201, 221, 253, 0.3);
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.caps-lock-warning-label {
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
@@ -2579,37 +2619,6 @@ StEntry StLabel.hint-text {
|
||||
height: 96px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tile-preview {
|
||||
background-color: rgba(8, 96, 242, 0.3);
|
||||
border: 1px solid #0860f2;
|
||||
@@ -2921,9 +2930,9 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.window-clone-border {
|
||||
border: 4px solid rgba(255, 255, 255, 0.3);
|
||||
border: 4px solid rgba(255, 255, 255, 0.28);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.window-caption {
|
||||
@@ -2942,7 +2951,7 @@ StEntry StLabel.hint-text {
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
caret-color: rgba(255, 255, 255, 0.85);
|
||||
selection-background-color: rgba(255, 255, 255, 0.3);
|
||||
selection-background-color: rgba(255, 255, 255, 0.28);
|
||||
selected-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
border-radius: 8px;
|
||||
@@ -3046,6 +3055,37 @@ StEntry StLabel.hint-text {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background-color: #f1f1f1;
|
||||
/* transition from solid to transparent */
|
||||
@@ -3146,7 +3186,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: #363636;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -3705,8 +3745,8 @@ StEntry StLabel.hint-text {
|
||||
.unlock-dialog-notification-count-text {
|
||||
weight: bold;
|
||||
padding: 0 6px;
|
||||
color: #f0f0f0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-radius: 99px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
@@ -5,6 +5,29 @@ stage {
|
||||
color: #242424;
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.lowres-icon {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.icon-dropshadow {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.search-provider-icon .overview-icon,
|
||||
.show-apps .overview-icon,
|
||||
.app-well-app .overview-icon,
|
||||
@@ -908,7 +931,7 @@ stage {
|
||||
.search-provider-icon:active, .search-provider-icon:checked,
|
||||
.list-search-result:active,
|
||||
.list-search-result:checked {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
@@ -943,7 +966,7 @@ stage {
|
||||
.app-well-app:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
box-shadow: none;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -1112,7 +1135,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.app-folder-dialog .icon-grid {
|
||||
@@ -1672,7 +1695,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.audio-selection-device:hover, .audio-selection-device:focus {
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
background-color: rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.audio-selection-device:active {
|
||||
@@ -1957,41 +1980,56 @@ StEntry StLabel.hint-text {
|
||||
max-width: 23em;
|
||||
}
|
||||
|
||||
.login-dialog {
|
||||
.login-dialog,
|
||||
.unlock-dialog {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.login-dialog StEntry {
|
||||
.login-dialog StEntry,
|
||||
.unlock-dialog StEntry {
|
||||
selection-background-color: #0860f2;
|
||||
selected-background-color: #0860f2;
|
||||
selected-color: white;
|
||||
padding: 4px 8px;
|
||||
min-height: 20px;
|
||||
border-radius: 9999px;
|
||||
caret-color: white;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 9999px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:focus {
|
||||
.login-dialog StEntry:focus,
|
||||
.unlock-dialog StEntry:focus {
|
||||
border: none;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:insensitive {
|
||||
.login-dialog StEntry:insensitive,
|
||||
.unlock-dialog StEntry:insensitive {
|
||||
border: none;
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box {
|
||||
.login-dialog StEntry StLabel.hint-text,
|
||||
.unlock-dialog StEntry StLabel.hint-text {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box,
|
||||
.unlock-dialog .modal-dialog-button-box {
|
||||
spacing: 3px;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button {
|
||||
.login-dialog .modal-dialog-button,
|
||||
.unlock-dialog .modal-dialog-button {
|
||||
padding: 0 16px;
|
||||
border: none;
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -2000,26 +2038,30 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
|
||||
.unlock-dialog .modal-dialog-button:hover,
|
||||
.unlock-dialog .modal-dialog-button:focus {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:active {
|
||||
.login-dialog .modal-dialog-button:active,
|
||||
.unlock-dialog .modal-dialog-button:active {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
.login-dialog .modal-dialog-button:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
@@ -2027,23 +2069,27 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
.login-dialog .modal-dialog-button:default,
|
||||
.unlock-dialog .modal-dialog-button:default {
|
||||
color: white;
|
||||
background-color: #3484e2;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.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,
|
||||
.unlock-dialog .modal-dialog-button:default:hover,
|
||||
.unlock-dialog .modal-dialog-button:default:focus {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
background-color: #277ce0;
|
||||
background-color: #f7f7f7;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
.login-dialog .modal-dialog-button:default:active,
|
||||
.unlock-dialog .modal-dialog-button:default:active {
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-color: #487afa;
|
||||
@@ -2051,9 +2097,10 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
.login-dialog .modal-dialog-button:default:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -2061,7 +2108,10 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button,
|
||||
.login-dialog .switch-user-button,
|
||||
.login-dialog .login-dialog-session-list-button {
|
||||
.login-dialog .login-dialog-session-list-button,
|
||||
.unlock-dialog .cancel-button,
|
||||
.unlock-dialog .switch-user-button,
|
||||
.unlock-dialog .login-dialog-session-list-button {
|
||||
padding: 0;
|
||||
border-radius: 100px;
|
||||
width: 32px;
|
||||
@@ -2072,11 +2122,15 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button StIcon,
|
||||
.login-dialog .switch-user-button StIcon,
|
||||
.login-dialog .login-dialog-session-list-button StIcon {
|
||||
.login-dialog .login-dialog-session-list-button StIcon,
|
||||
.unlock-dialog .cancel-button StIcon,
|
||||
.unlock-dialog .switch-user-button StIcon,
|
||||
.unlock-dialog .login-dialog-session-list-button StIcon {
|
||||
icon-size: 16px;
|
||||
}
|
||||
|
||||
.login-dialog .login-dialog-message-warning {
|
||||
.login-dialog .login-dialog-message-warning,
|
||||
.unlock-dialog .login-dialog-message-warning {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2158,7 +2212,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2180,24 +2234,24 @@ StEntry StLabel.hint-text {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
.login-dialog-user-list-item:focus {
|
||||
background-color: rgba(0, 0, 0, 0.05) !important;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
|
||||
background-color: rgba(0, 0, 0, 0.12) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
|
||||
background-color: rgba(0, 0, 0, 0.2) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
||||
height: 2px;
|
||||
margin: 6px 0 0 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(0, 0, 0, 0.16) !important;
|
||||
}
|
||||
|
||||
.user-widget-label {
|
||||
@@ -2208,7 +2262,8 @@ StEntry StLabel.hint-text {
|
||||
background-size: contain;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 9999px;
|
||||
border: 2px rgba(255, 255, 255, 0.85);
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user-icon:hover {
|
||||
@@ -2487,21 +2542,6 @@ StEntry StLabel.hint-text {
|
||||
-pie-background-color: rgba(201, 221, 253, 0.3);
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.caps-lock-warning-label {
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
@@ -2579,37 +2619,6 @@ StEntry StLabel.hint-text {
|
||||
height: 96px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tile-preview {
|
||||
background-color: rgba(8, 96, 242, 0.3);
|
||||
border: 1px solid #0860f2;
|
||||
@@ -2921,9 +2930,9 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.window-clone-border {
|
||||
border: 4px solid rgba(255, 255, 255, 0.3);
|
||||
border: 4px solid rgba(255, 255, 255, 0.28);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.window-caption {
|
||||
@@ -2942,7 +2951,7 @@ StEntry StLabel.hint-text {
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
caret-color: rgba(255, 255, 255, 0.85);
|
||||
selection-background-color: rgba(255, 255, 255, 0.3);
|
||||
selection-background-color: rgba(255, 255, 255, 0.28);
|
||||
selected-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
border-radius: 8px;
|
||||
@@ -3046,6 +3055,37 @@ StEntry StLabel.hint-text {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background-color: #f1f1f1;
|
||||
/* transition from solid to transparent */
|
||||
@@ -3146,7 +3186,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: #363636;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -3705,8 +3745,8 @@ StEntry StLabel.hint-text {
|
||||
.unlock-dialog-notification-count-text {
|
||||
weight: bold;
|
||||
padding: 0 6px;
|
||||
color: #f0f0f0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-radius: 99px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
@@ -5,6 +5,29 @@ stage {
|
||||
color: #242424;
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.lowres-icon {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.icon-dropshadow {
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.search-provider-icon .overview-icon,
|
||||
.show-apps .overview-icon,
|
||||
.app-well-app .overview-icon,
|
||||
@@ -908,7 +931,7 @@ stage {
|
||||
.search-provider-icon:active, .search-provider-icon:checked,
|
||||
.list-search-result:active,
|
||||
.list-search-result:checked {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
|
||||
@@ -943,7 +966,7 @@ stage {
|
||||
.app-well-app:checked .overview-icon,
|
||||
.grid-search-result:active .overview-icon,
|
||||
.grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
box-shadow: none;
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@@ -1112,7 +1135,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.app-folder-dialog .icon-grid {
|
||||
@@ -1672,7 +1695,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
}
|
||||
|
||||
.audio-selection-device:hover, .audio-selection-device:focus {
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
background-color: rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.audio-selection-device:active {
|
||||
@@ -1957,41 +1980,56 @@ StEntry StLabel.hint-text {
|
||||
max-width: 23em;
|
||||
}
|
||||
|
||||
.login-dialog {
|
||||
.login-dialog,
|
||||
.unlock-dialog {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.login-dialog StEntry {
|
||||
.login-dialog StEntry,
|
||||
.unlock-dialog StEntry {
|
||||
selection-background-color: #0860f2;
|
||||
selected-background-color: #0860f2;
|
||||
selected-color: white;
|
||||
padding: 4px 8px;
|
||||
min-height: 20px;
|
||||
border-radius: 9999px;
|
||||
caret-color: white;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border-radius: 9999px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:focus {
|
||||
.login-dialog StEntry:focus,
|
||||
.unlock-dialog StEntry:focus {
|
||||
border: none;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.login-dialog StEntry:insensitive {
|
||||
.login-dialog StEntry:insensitive,
|
||||
.unlock-dialog StEntry:insensitive {
|
||||
border: none;
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box {
|
||||
.login-dialog StEntry StLabel.hint-text,
|
||||
.unlock-dialog StEntry StLabel.hint-text {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button-box,
|
||||
.unlock-dialog .modal-dialog-button-box {
|
||||
spacing: 3px;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button {
|
||||
.login-dialog .modal-dialog-button,
|
||||
.unlock-dialog .modal-dialog-button {
|
||||
padding: 0 16px;
|
||||
border: none;
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -2000,26 +2038,30 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
|
||||
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
|
||||
.unlock-dialog .modal-dialog-button:hover,
|
||||
.unlock-dialog .modal-dialog-button:focus {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:active {
|
||||
.login-dialog .modal-dialog-button:active,
|
||||
.unlock-dialog .modal-dialog-button:active {
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
.login-dialog .modal-dialog-button:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:insensitive {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
|
||||
@@ -2027,23 +2069,27 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default {
|
||||
.login-dialog .modal-dialog-button:default,
|
||||
.unlock-dialog .modal-dialog-button:default {
|
||||
color: white;
|
||||
background-color: #3484e2;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.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,
|
||||
.unlock-dialog .modal-dialog-button:default:hover,
|
||||
.unlock-dialog .modal-dialog-button:default:focus {
|
||||
color: white;
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
background-color: #277ce0;
|
||||
background-color: #f7f7f7;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:active {
|
||||
.login-dialog .modal-dialog-button:default:active,
|
||||
.unlock-dialog .modal-dialog-button:default:active {
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-color: #487afa;
|
||||
@@ -2051,9 +2097,10 @@ StEntry StLabel.hint-text {
|
||||
icon-shadow: none;
|
||||
}
|
||||
|
||||
.login-dialog .modal-dialog-button:default:insensitive {
|
||||
.login-dialog .modal-dialog-button:default:insensitive,
|
||||
.unlock-dialog .modal-dialog-button:default:insensitive {
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
@@ -2061,7 +2108,10 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button,
|
||||
.login-dialog .switch-user-button,
|
||||
.login-dialog .login-dialog-session-list-button {
|
||||
.login-dialog .login-dialog-session-list-button,
|
||||
.unlock-dialog .cancel-button,
|
||||
.unlock-dialog .switch-user-button,
|
||||
.unlock-dialog .login-dialog-session-list-button {
|
||||
padding: 0;
|
||||
border-radius: 100px;
|
||||
width: 32px;
|
||||
@@ -2072,11 +2122,15 @@ StEntry StLabel.hint-text {
|
||||
|
||||
.login-dialog .cancel-button StIcon,
|
||||
.login-dialog .switch-user-button StIcon,
|
||||
.login-dialog .login-dialog-session-list-button StIcon {
|
||||
.login-dialog .login-dialog-session-list-button StIcon,
|
||||
.unlock-dialog .cancel-button StIcon,
|
||||
.unlock-dialog .switch-user-button StIcon,
|
||||
.unlock-dialog .login-dialog-session-list-button StIcon {
|
||||
icon-size: 16px;
|
||||
}
|
||||
|
||||
.login-dialog .login-dialog-message-warning {
|
||||
.login-dialog .login-dialog-message-warning,
|
||||
.unlock-dialog .login-dialog-message-warning {
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2158,7 +2212,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
@@ -2180,24 +2234,24 @@ StEntry StLabel.hint-text {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
.login-dialog-user-list-item:focus {
|
||||
background-color: rgba(0, 0, 0, 0.05) !important;
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
|
||||
background-color: rgba(0, 0, 0, 0.12) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:active {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
|
||||
background-color: rgba(0, 0, 0, 0.2) !important;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
||||
height: 2px;
|
||||
margin: 6px 0 0 0;
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(0, 0, 0, 0.16) !important;
|
||||
}
|
||||
|
||||
.user-widget-label {
|
||||
@@ -2208,7 +2262,8 @@ StEntry StLabel.hint-text {
|
||||
background-size: contain;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
border-radius: 9999px;
|
||||
border: 2px rgba(255, 255, 255, 0.85);
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.user-icon:hover {
|
||||
@@ -2487,21 +2542,6 @@ StEntry StLabel.hint-text {
|
||||
-pie-background-color: rgba(201, 221, 253, 0.3);
|
||||
}
|
||||
|
||||
.shell-link {
|
||||
border-radius: 6px;
|
||||
color: #3484e2;
|
||||
}
|
||||
|
||||
.shell-link:hover {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.15);
|
||||
}
|
||||
|
||||
.shell-link:active {
|
||||
color: #3484e2;
|
||||
background-color: rgba(52, 132, 226, 0.3);
|
||||
}
|
||||
|
||||
.caps-lock-warning-label {
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
@@ -2579,37 +2619,6 @@ StEntry StLabel.hint-text {
|
||||
height: 96px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tile-preview {
|
||||
background-color: rgba(8, 96, 242, 0.3);
|
||||
border: 1px solid #0860f2;
|
||||
@@ -2921,9 +2930,9 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
.window-clone-border {
|
||||
border: 4px solid rgba(255, 255, 255, 0.3);
|
||||
border: 4px solid rgba(255, 255, 255, 0.28);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
|
||||
}
|
||||
|
||||
.window-caption {
|
||||
@@ -2942,7 +2951,7 @@ StEntry StLabel.hint-text {
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
caret-color: rgba(255, 255, 255, 0.85);
|
||||
selection-background-color: rgba(255, 255, 255, 0.3);
|
||||
selection-background-color: rgba(255, 255, 255, 0.28);
|
||||
selected-color: rgba(255, 255, 255, 0.85);
|
||||
background-color: rgba(255, 255, 255, 0.12);
|
||||
border-radius: 8px;
|
||||
@@ -3046,6 +3055,37 @@ StEntry StLabel.hint-text {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.cycler-highlight {
|
||||
border: 4px solid #0860f2;
|
||||
}
|
||||
|
||||
.workspace-switcher-group {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.workspace-switcher {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
.ws-switcher-active-up, .ws-switcher-active-down {
|
||||
height: 48px;
|
||||
background-color: #0860f2;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
background-size: 32px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.ws-switcher-box {
|
||||
height: 48px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background-color: rgba(255, 255, 255, 0.16);
|
||||
/* transition from solid to transparent */
|
||||
@@ -3146,7 +3186,7 @@ StEntry StLabel.hint-text {
|
||||
}
|
||||
|
||||
#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: rgba(255, 255, 255, 0.28);
|
||||
color: white;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -3705,8 +3745,8 @@ StEntry StLabel.hint-text {
|
||||
.unlock-dialog-notification-count-text {
|
||||
weight: bold;
|
||||
padding: 0 6px;
|
||||
color: rgba(240, 240, 240, 0.94);
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
color: white;
|
||||
background-color: #0860f2;
|
||||
border-radius: 99px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user