2679 lines
331 KiB
Diff
2679 lines
331 KiB
Diff
From be6698d9c8f7fbd164ac1d49b1b56b6a1cb0a059 Mon Sep 17 00:00:00 2001
|
|
From: =?UTF-8?q?Florian=20M=C3=BCllner?= <fmuellner@gnome.org>
|
|
Date: Tue, 16 Apr 2024 20:49:40 +0200
|
|
Subject: [PATCH] data: Update generated stylesheets
|
|
|
|
---
|
|
data/theme/gnome-shell-dark.css | 460 +++++++++++++++++-----
|
|
data/theme/gnome-shell-high-contrast.css | 476 ++++++++++++++++++-----
|
|
data/theme/gnome-shell-light.css | 460 +++++++++++++++++-----
|
|
3 files changed, 1072 insertions(+), 324 deletions(-)
|
|
|
|
diff --git a/data/theme/gnome-shell-dark.css b/data/theme/gnome-shell-dark.css
|
|
index 75dc5c6..aa5765d 100644
|
|
--- a/data/theme/gnome-shell-dark.css
|
|
+++ b/data/theme/gnome-shell-dark.css
|
|
@@ -42,7 +42,9 @@ stage {
|
|
text-align: center;
|
|
transition-duration: 100ms; }
|
|
|
|
-.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog .login-dialog-auth-list-item, .login-dialog-not-listed-button, .unlock-dialog-notifications-container .message StButton,
|
|
+.login-dialog .web-login-intro-button,
|
|
+.login-dialog .web-login-prompt-button, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog .login-dialog-auth-list-title,
|
|
+.login-dialog .login-dialog-auth-list-item, .login-dialog-not-listed-button, .unlock-dialog-notifications-container .message StButton,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton, .unlock-dialog .button,
|
|
.unlock-dialog .icon-button,
|
|
.unlock-dialog .message-notification-group .message-collapse-button,
|
|
@@ -51,131 +53,132 @@ stage {
|
|
.message .message-header .unlock-dialog .message-expand-button,
|
|
.unlock-dialog .message .message-header .message-close-button,
|
|
.message .message-header .unlock-dialog .message-close-button,
|
|
-.unlock-dialog .screenshot-ui-show-pointer-button, .unlock-dialog .login-dialog-auth-list-item, #LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
|
|
-#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
|
|
+.unlock-dialog .screenshot-ui-show-pointer-button, .unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button, .unlock-dialog .login-dialog-auth-list-title, .unlock-dialog .login-dialog-auth-list-item, #LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
|
|
+#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
|
|
.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
|
|
border-radius: 8px;
|
|
padding: 3px 24px;
|
|
font-weight: bold;
|
|
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
|
|
|
-.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
+.icon-button, .login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
|
|
color: #ffffff;
|
|
background-color: st-mix(#ffffff, #36363a, 9%); }
|
|
- .icon-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
|
|
+ .icon-button:focus, .login-dialog-button.next-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
|
|
.message .message-header .message-close-button:focus, .message-notification-group .message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
|
|
color: #ffffff;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#ffffff, #36363a, 9%), 5%); }
|
|
- .icon-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
|
|
+ .icon-button:focus:hover, .login-dialog-button.next-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
|
|
.message .message-header .message-close-button:focus:hover, .message-notification-group .message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #36363a, 9%), 4%), 5%); }
|
|
- .icon-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
|
|
+ .icon-button:hover, .login-dialog-button.next-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
|
|
.message .message-header .message-close-button:hover, .message-notification-group .message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
|
|
color: #ffffff;
|
|
background-color: st-lighten(st-mix(#ffffff, #36363a, 9%), 4%); }
|
|
- .icon-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
|
|
+ .icon-button:insensitive, .login-dialog-button.next-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
|
|
.message .message-header .message-close-button:insensitive, .message-notification-group .message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
|
|
color: st-transparentize(#ffffff, 0.5);
|
|
background-color: st-darken(st-mix(#ffffff, #36363a, 9%), 3%); }
|
|
- .icon-button:selected, .login-dialog-button.a11y-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
|
|
- .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
|
|
+ .icon-button:selected, .login-dialog-button.next-button:selected, .login-dialog-button.a11y-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
|
|
+ .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.next-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
|
|
.message .message-header .message-close-button:active, .message-notification-group .message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
|
|
color: #ffffff;
|
|
background-color: st-lighten(st-mix(#ffffff, #36363a, 9%), 9%); }
|
|
- .icon-button:selected:hover, .login-dialog-button.a11y-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
|
|
- .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
|
|
+ .icon-button:selected:hover, .login-dialog-button.next-button:selected:hover, .login-dialog-button.a11y-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
|
|
+ .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.next-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
|
|
.message .message-header .message-close-button:active:hover, .message-notification-group .message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 9%), 4%); }
|
|
- .icon-button:selected:focus, .login-dialog-button.a11y-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
|
|
- .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
|
|
+ .icon-button:selected:focus, .login-dialog-button.next-button:selected:focus, .login-dialog-button.a11y-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
|
|
+ .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.next-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
|
|
.message .message-header .message-close-button:active:focus, .message-notification-group .message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#ffffff, #36363a, 9%), 9%), 5%); }
|
|
- .icon-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
|
|
+ .icon-button:checked, .login-dialog-button.next-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
|
|
.message .message-header .message-close-button:checked, .message-notification-group .message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
|
|
color: #ffffff;
|
|
background-color: st-lighten(st-mix(#ffffff, #36363a, 9%), 8%); }
|
|
- .icon-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
|
|
+ .icon-button:checked:hover, .login-dialog-button.next-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
|
|
.message .message-header .message-close-button:checked:hover, .message-notification-group .message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 8%), 4%); }
|
|
- .icon-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
|
|
+ .icon-button:checked:active, .login-dialog-button.next-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
|
|
.message .message-header .message-close-button:checked:active, .message-notification-group .message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 8%), 9%); }
|
|
|
|
-.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.a11y-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
|
|
+.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.next-button, .flat.login-dialog-button.a11y-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
|
|
.message .message-header .flat.message-close-button, .message-notification-group .flat.message-collapse-button, .calendar .calendar-month-header .pager-button, .button.flat {
|
|
color: #ffffff;
|
|
background-color: #36363a; }
|
|
- .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.a11y-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
|
|
+ .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.next-button:focus, .flat.login-dialog-button.a11y-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
|
|
.message .message-header .flat.message-close-button:focus, .message-notification-group .flat.message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
|
|
color: #ffffff;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(54, 54, 58, 0.25), 5%); }
|
|
- .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.a11y-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
|
|
+ .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.next-button:focus:hover, .flat.login-dialog-button.a11y-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
|
|
.message .message-header .flat.message-close-button:focus:hover, .message-notification-group .flat.message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#36363a, 7%), 5%); }
|
|
- .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.a11y-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
|
|
+ .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.next-button:hover, .flat.login-dialog-button.a11y-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
|
|
.message .message-header .flat.message-close-button:hover, .message-notification-group .flat.message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
|
|
color: #ffffff;
|
|
background-color: st-lighten(#36363a, 7%); }
|
|
- .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.a11y-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
|
|
+ .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.next-button:insensitive, .flat.login-dialog-button.a11y-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
|
|
.message .message-header .flat.message-close-button:insensitive, .message-notification-group .flat.message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
|
|
color: st-transparentize(#ffffff, 0.5);
|
|
background-color: #36363a; }
|
|
- .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.a11y-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
|
|
- .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.a11y-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
|
|
+ .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.next-button:selected, .flat.login-dialog-button.a11y-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
|
|
+ .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.next-button:active, .flat.login-dialog-button.a11y-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
|
|
.message .message-header .flat.message-close-button:active, .message-notification-group .flat.message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
|
|
color: #ffffff;
|
|
background-color: st-lighten(#36363a, 9%); }
|
|
- .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.a11y-button:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
|
|
- .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.a11y-button:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
|
|
+ .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.next-button:selected:hover, .flat.login-dialog-button.a11y-button:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
|
|
+ .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.next-button:active:hover, .flat.login-dialog-button.a11y-button:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
|
|
.message .message-header .flat.message-close-button:active:hover, .message-notification-group .flat.message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
|
|
background-color: st-lighten(st-lighten(#36363a, 9%), 7%); }
|
|
- .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.a11y-button:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
|
|
- .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.a11y-button:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
|
|
+ .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.next-button:selected:focus, .flat.login-dialog-button.a11y-button:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
|
|
+ .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.next-button:active:focus, .flat.login-dialog-button.a11y-button:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
|
|
.message .message-header .flat.message-close-button:active:focus, .message-notification-group .flat.message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#36363a, 9%), 5%); }
|
|
- .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.a11y-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
|
|
+ .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.next-button:checked, .flat.login-dialog-button.a11y-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
|
|
.message .message-header .flat.message-close-button:checked, .message-notification-group .flat.message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
|
|
color: #ffffff;
|
|
background-color: st-lighten(#36363a, 8%); }
|
|
- .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.a11y-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
|
|
+ .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.next-button:checked:hover, .flat.login-dialog-button.a11y-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
|
|
.message .message-header .flat.message-close-button:checked:hover, .message-notification-group .flat.message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
|
|
background-color: st-lighten(st-lighten(#36363a, 8%), 7%); }
|
|
- .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.a11y-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
|
|
+ .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.next-button:checked:active, .flat.login-dialog-button.a11y-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
|
|
.message .message-header .flat.message-close-button:checked:active, .message-notification-group .flat.message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
|
|
background-color: st-lighten(st-lighten(#36363a, 8%), 9%); }
|
|
|
|
-.keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.a11y-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
|
|
+.keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.next-button, .default.login-dialog-button.a11y-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
|
|
.message .message-header .default.message-close-button, .message-notification-group .default.message-collapse-button, .calendar .calendar-month-header .default.pager-button, .button.default {
|
|
color: -st-accent-fg-color;
|
|
background-color: -st-accent-color; }
|
|
- .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.a11y-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
|
|
+ .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.next-button:focus, .default.login-dialog-button.a11y-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
|
|
.message .message-header .default.message-close-button:focus, .message-notification-group .default.message-collapse-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
|
|
color: -st-accent-fg-color;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-lighten(-st-accent-color, 30%), 0.2) !important;
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), -st-accent-color, 5%); }
|
|
- .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.a11y-button:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
|
|
+ .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.next-button:focus:hover, .default.login-dialog-button.a11y-button:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
|
|
.message .message-header .default.message-close-button:focus:hover, .message-notification-group .default.message-collapse-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(-st-accent-color, 4%), 5%); }
|
|
- .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.a11y-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
|
|
+ .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.next-button:hover, .default.login-dialog-button.a11y-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
|
|
.message .message-header .default.message-close-button:hover, .message-notification-group .default.message-collapse-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
|
|
color: -st-accent-fg-color;
|
|
background-color: st-lighten(-st-accent-color, 4%); }
|
|
- .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.a11y-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
|
|
+ .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.next-button:insensitive, .default.login-dialog-button.a11y-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
|
|
.message .message-header .default.message-close-button:insensitive, .message-notification-group .default.message-collapse-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
|
|
color: st-transparentize(-st-accent-fg-color, 0.5);
|
|
background-color: st-darken(-st-accent-color, 3%); }
|
|
- .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.a11y-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
|
|
+ .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.next-button:active, .default.login-dialog-button.a11y-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
|
|
.message .message-header .default.message-close-button:active, .message-notification-group .default.message-collapse-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
|
|
color: -st-accent-fg-color;
|
|
background-color: st-lighten(-st-accent-color, 9%); }
|
|
- .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.a11y-button:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
|
|
+ .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.next-button:active:hover, .default.login-dialog-button.a11y-button:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
|
|
.message .message-header .default.message-close-button:active:hover, .message-notification-group .default.message-collapse-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
|
|
background-color: st-lighten(st-lighten(-st-accent-color, 9%), 4%); }
|
|
- .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.a11y-button:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
|
|
+ .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.next-button:active:focus, .default.login-dialog-button.a11y-button:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
|
|
.message .message-header .default.message-close-button:active:focus, .message-notification-group .default.message-collapse-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(-st-accent-color, 9%), 5%); }
|
|
|
|
@@ -358,7 +361,7 @@ StEntry {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #36363a, 9%), 8%), 9%); }
|
|
.modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive {
|
|
color: st-transparentize(#ffffff, 0.5);
|
|
- background-color: st-darken(st-mix(#ffffff, #36363a, 9%), 3%); }
|
|
+ background-color: rgba(255, 255, 255, 0.1); }
|
|
|
|
.dash-label, .window-caption, .screenshot-ui-tooltip {
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
@@ -382,12 +385,13 @@ StEntry {
|
|
font-weight: 700;
|
|
font-size: 1.364em; }
|
|
|
|
-.login-dialog-auth-list-label, #LookingGlassDebugFlags .lg-debug-flags-header, #LookingGlassExtensions .lg-extensions-none, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label,
|
|
+.login-dialog-auth-list-title-label, #LookingGlassDebugFlags .lg-debug-flags-header, #LookingGlassExtensions .lg-extensions-none, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label,
|
|
.polkit-dialog-user-layout .polkit-dialog-user-root-label, .message-dialog-content .message-dialog-title.lightweight {
|
|
font-weight: 700;
|
|
font-size: 1.182em; }
|
|
|
|
-.login-dialog-not-listed-label, #LookingGlassExtensions .lg-extension .lg-extension-name, #LookingGlassWindows .lg-window .lg-window-name, #LookingGlassPropertyInspector .lg-obj-inspector-title, .background-app-item .title, .quick-toggle .quick-toggle-title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
|
|
+.login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels, .login-dialog-auth-list-item-first-line,
|
|
+.login-dialog-auth-list-item-second-line, .login-dialog-not-listed-label, #LookingGlassExtensions .lg-extension .lg-extension-name, #LookingGlassWindows .lg-window .lg-window-name, #LookingGlassPropertyInspector .lg-obj-inspector-title, .background-app-item .title, .quick-toggle .quick-toggle-title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
|
|
font-weight: 700;
|
|
font-size: 1em; }
|
|
|
|
@@ -405,7 +409,7 @@ StEntry {
|
|
font-weight: 400;
|
|
font-size: 0.818em; }
|
|
|
|
-#LookingGlassDebugFlags .lg-debug-flag-button StLabel, #LookingGlassEvaluator .evaluator-results, .lg-dialog .actor-link {
|
|
+.web-login-url-label, #LookingGlassDebugFlags .lg-debug-flag-button StLabel, #LookingGlassEvaluator .evaluator-results, .lg-dialog .actor-link {
|
|
font-family: monospace; }
|
|
|
|
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
|
|
@@ -523,34 +527,34 @@ StEntry {
|
|
.login-dialog .login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
|
|
color: rgba(250, 250, 251, 0.7); }
|
|
|
|
-.login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
|
|
+.login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button {
|
|
color: #fafafb;
|
|
background-color: st-mix(#fafafb, #2e2e33, 9%); }
|
|
- .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
|
|
+ .login-dialog-button.next-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
|
|
color: st-transparentize(#fafafb, 0.5);
|
|
background-color: st-darken(st-mix(#fafafb, #2e2e33, 9%), 3%); }
|
|
- .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
|
|
+ .login-dialog-button.next-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
|
|
color: #fafafb;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#fafafb, #2e2e33, 9%), 5%); }
|
|
- .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
|
|
+ .login-dialog-button.next-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #2e2e33, 9%), 4%), 5%); }
|
|
- .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
|
|
+ .login-dialog-button.next-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
|
|
color: #fafafb;
|
|
background-color: st-lighten(st-mix(#fafafb, #2e2e33, 9%), 4%); }
|
|
- .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
|
|
+ .login-dialog-button.next-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active {
|
|
color: #fafafb;
|
|
background-color: st-lighten(st-mix(#fafafb, #2e2e33, 9%), 9%); }
|
|
- .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
|
|
+ .login-dialog-button.next-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#fafafb, #2e2e33, 9%), 9%), 4%); }
|
|
- .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
|
|
+ .login-dialog-button.next-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #2e2e33, 9%), 9%), 5%); }
|
|
- .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
|
|
+ .login-dialog-button.next-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
|
|
color: #fafafb;
|
|
background-color: st-lighten(st-mix(#fafafb, #2e2e33, 9%), 8%); }
|
|
- .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
|
|
+ .login-dialog-button.next-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#fafafb, #2e2e33, 9%), 8%), 4%); }
|
|
- .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
|
|
+ .login-dialog-button.next-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
|
|
background-color: st-lighten(st-lighten(st-mix(#fafafb, #2e2e33, 9%), 8%), 9%); }
|
|
|
|
/* Lockscreen Elements */
|
|
@@ -566,10 +570,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button,
|
|
.message .message-header .unlock-dialog .message-close-button,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button,
|
|
+.unlock-dialog .login-dialog-button.next-button,
|
|
.unlock-dialog .login-dialog-button.a11y-button,
|
|
.unlock-dialog .login-dialog-button.cancel-button,
|
|
.unlock-dialog .login-dialog-button.switch-user-button,
|
|
-.unlock-dialog .login-dialog-button.login-dialog-session-list-button, .unlock-dialog .login-dialog-auth-list-item {
|
|
+.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
|
|
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button, .unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button, .unlock-dialog .login-dialog-auth-list-title, .unlock-dialog .login-dialog-auth-list-item {
|
|
color: #fafafb;
|
|
background-color: rgba(250, 250, 251, 0.1); }
|
|
.unlock-dialog-notifications-container .message StButton:focus,
|
|
@@ -584,10 +591,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:focus,
|
|
.message .message-header .unlock-dialog .message-close-button:focus,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
|
|
+ .unlock-dialog .login-dialog-button.next-button:focus,
|
|
.unlock-dialog .login-dialog-button.a11y-button:focus,
|
|
.unlock-dialog .login-dialog-button.cancel-button:focus,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:focus,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-auth-list-item:focus {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus, .unlock-dialog .web-login-intro-button:focus,
|
|
+ .unlock-dialog .web-login-prompt-button:focus, .unlock-dialog .login-dialog-auth-list-title:focus, .unlock-dialog .login-dialog-auth-list-item:focus {
|
|
color: #fafafb;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(250, 250, 251, 0.1), 5%); }
|
|
@@ -603,10 +613,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:focus:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:focus:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:focus:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:focus:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover, .unlock-dialog .login-dialog-auth-list-item:focus:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover, .unlock-dialog .web-login-intro-button:focus:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:focus:hover, .unlock-dialog .login-dialog-auth-list-title:focus:hover, .unlock-dialog .login-dialog-auth-list-item:focus:hover {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(250, 250, 251, 0.13), 5%); }
|
|
.unlock-dialog-notifications-container .message StButton:hover,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:hover, .unlock-dialog .button:hover,
|
|
@@ -620,10 +633,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-auth-list-item:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover, .unlock-dialog .web-login-intro-button:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:hover, .unlock-dialog .login-dialog-auth-list-title:hover, .unlock-dialog .login-dialog-auth-list-item:hover {
|
|
color: #fafafb;
|
|
background-color: rgba(250, 250, 251, 0.13); }
|
|
.unlock-dialog-notifications-container .message StButton:active,
|
|
@@ -638,10 +654,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:active,
|
|
.message .message-header .unlock-dialog .message-close-button:active,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:active,
|
|
+ .unlock-dialog .login-dialog-button.next-button:active,
|
|
.unlock-dialog .login-dialog-button.a11y-button:active,
|
|
.unlock-dialog .login-dialog-button.cancel-button:active,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:active,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active, .unlock-dialog .login-dialog-auth-list-item:active {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active, .unlock-dialog .web-login-intro-button:active,
|
|
+ .unlock-dialog .web-login-prompt-button:active, .unlock-dialog .login-dialog-auth-list-title:active, .unlock-dialog .login-dialog-auth-list-item:active {
|
|
color: #fafafb;
|
|
background-color: rgba(250, 250, 251, 0.16); }
|
|
.unlock-dialog-notifications-container .message StButton:active:hover,
|
|
@@ -656,10 +675,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:active:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:active:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:active:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:active:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .unlock-dialog .login-dialog-auth-list-item:active:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .unlock-dialog .web-login-intro-button:active:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:active:hover, .unlock-dialog .login-dialog-auth-list-title:active:hover, .unlock-dialog .login-dialog-auth-list-item:active:hover {
|
|
background-color: rgba(250, 250, 251, 0.19); }
|
|
.unlock-dialog-notifications-container .message StButton:active:focus,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:active:focus, .unlock-dialog .button:active:focus,
|
|
@@ -673,10 +695,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:active:focus,
|
|
.message .message-header .unlock-dialog .message-close-button:active:focus,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
|
|
+ .unlock-dialog .login-dialog-button.next-button:active:focus,
|
|
.unlock-dialog .login-dialog-button.a11y-button:active:focus,
|
|
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .unlock-dialog .login-dialog-auth-list-item:active:focus {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .unlock-dialog .web-login-intro-button:active:focus,
|
|
+ .unlock-dialog .web-login-prompt-button:active:focus, .unlock-dialog .login-dialog-auth-list-title:active:focus, .unlock-dialog .login-dialog-auth-list-item:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(250, 250, 251, 0.16), 5%); }
|
|
.unlock-dialog-notifications-container .message StButton:checked,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:checked, .unlock-dialog .button:checked,
|
|
@@ -690,10 +715,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:checked,
|
|
.message .message-header .unlock-dialog .message-close-button:checked,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
|
|
+ .unlock-dialog .login-dialog-button.next-button:checked,
|
|
.unlock-dialog .login-dialog-button.a11y-button:checked,
|
|
.unlock-dialog .login-dialog-button.cancel-button:checked,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:checked,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked, .unlock-dialog .login-dialog-auth-list-item:checked {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked, .unlock-dialog .web-login-intro-button:checked,
|
|
+ .unlock-dialog .web-login-prompt-button:checked, .unlock-dialog .login-dialog-auth-list-title:checked, .unlock-dialog .login-dialog-auth-list-item:checked {
|
|
color: #fafafb;
|
|
background-color: st-lighten(st-mix(#fafafb, #36363a, 9%), 8%); }
|
|
.unlock-dialog-notifications-container .message StButton:checked:hover,
|
|
@@ -708,10 +736,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:checked:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:checked:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:checked:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:checked:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover, .unlock-dialog .login-dialog-auth-list-item:checked:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover, .unlock-dialog .web-login-intro-button:checked:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:checked:hover, .unlock-dialog .login-dialog-auth-list-title:checked:hover, .unlock-dialog .login-dialog-auth-list-item:checked:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#fafafb, #36363a, 9%), 8%), 4%); }
|
|
.unlock-dialog-notifications-container .message StButton:checked:active,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:checked:active, .unlock-dialog .button:checked:active,
|
|
@@ -725,10 +756,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:checked:active,
|
|
.message .message-header .unlock-dialog .message-close-button:checked:active,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
|
|
+ .unlock-dialog .login-dialog-button.next-button:checked:active,
|
|
.unlock-dialog .login-dialog-button.a11y-button:checked:active,
|
|
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active, .unlock-dialog .login-dialog-auth-list-item:checked:active {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active, .unlock-dialog .web-login-intro-button:checked:active,
|
|
+ .unlock-dialog .web-login-prompt-button:checked:active, .unlock-dialog .login-dialog-auth-list-title:checked:active, .unlock-dialog .login-dialog-auth-list-item:checked:active {
|
|
background-color: st-lighten(st-lighten(st-mix(#fafafb, #36363a, 9%), 8%), 9%); }
|
|
.unlock-dialog-notifications-container .message StButton:insensitive,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:insensitive, .unlock-dialog .button:insensitive,
|
|
@@ -742,12 +776,15 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:insensitive,
|
|
.message .message-header .unlock-dialog .message-close-button:insensitive,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
|
|
+ .unlock-dialog .login-dialog-button.next-button:insensitive,
|
|
.unlock-dialog .login-dialog-button.a11y-button:insensitive,
|
|
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive, .unlock-dialog .login-dialog-auth-list-item:insensitive {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive, .unlock-dialog .web-login-intro-button:insensitive,
|
|
+ .unlock-dialog .web-login-prompt-button:insensitive, .unlock-dialog .login-dialog-auth-list-title:insensitive, .unlock-dialog .login-dialog-auth-list-item:insensitive {
|
|
color: st-transparentize(#fafafb, 0.5);
|
|
- background-color: st-darken(st-mix(#fafafb, #36363a, 9%), 3%); }
|
|
+ background-color: rgba(250, 250, 251, 0.1); }
|
|
|
|
.unlock-dialog .login-dialog-prompt-entry {
|
|
background-color: rgba(250, 250, 251, 0.1);
|
|
@@ -767,6 +804,7 @@ StEntry {
|
|
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
|
|
color: rgba(250, 250, 251, 0.7); }
|
|
|
|
+/* Login Dialog Elements */
|
|
/* WIDGETS */
|
|
.shell-link {
|
|
color: st-lighten(-st-accent-color, 20%); }
|
|
@@ -790,18 +828,18 @@ StEntry StIcon.peek-password {
|
|
padding: 0 4px; }
|
|
|
|
StEntry StLabel.hint-text {
|
|
- margin-left: 2px; }
|
|
+ margin-left: 8px; }
|
|
|
|
/* Buttons */
|
|
.button {
|
|
min-height: 1.5em; }
|
|
|
|
-.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
+.icon-button, .login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button {
|
|
border-radius: 999px;
|
|
padding: 0.818em;
|
|
min-height: 1.091em; }
|
|
- .icon-button StIcon, .login-dialog-button.a11y-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
|
|
+ .icon-button StIcon, .login-dialog-button.next-button StIcon, .login-dialog-button.a11y-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
|
|
.message .message-header .message-close-button StIcon, .message-notification-group .message-collapse-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
|
|
icon-size: 1.091em;
|
|
-st-icon-style: symbolic; }
|
|
@@ -1836,6 +1874,9 @@ StScrollBar {
|
|
min-width: 0.5455em;
|
|
min-height: 0.5455em;
|
|
background-color: #ffffff; }
|
|
+ #panel .panel-button#panelActivities .activities-logo {
|
|
+ icon-size: 1.36375em;
|
|
+ padding: 0 6px; }
|
|
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
|
|
spacing: 0.409em; }
|
|
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
|
|
@@ -2037,7 +2078,7 @@ StScrollBar {
|
|
.quick-settings {
|
|
padding: 18px;
|
|
border-radius: 36px; }
|
|
- .quick-settings .icon-button, .quick-settings .login-dialog-button.a11y-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
|
|
+ .quick-settings .icon-button, .quick-settings .login-dialog-button.next-button, .quick-settings .login-dialog-button.a11y-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
|
|
.quick-settings .message .message-header .message-close-button,
|
|
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
|
|
padding: 10.5px; }
|
|
@@ -2145,7 +2186,7 @@ StScrollBar {
|
|
.quick-slider > StBoxLayout {
|
|
spacing: 6px; }
|
|
|
|
-.quick-slider .icon-button, .quick-slider .login-dialog-button.a11y-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
|
|
+.quick-slider .icon-button, .quick-slider .login-dialog-button.next-button, .quick-slider .login-dialog-button.a11y-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
|
|
.quick-slider .message .message-header .message-close-button,
|
|
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
|
|
padding: 6px; }
|
|
@@ -2219,16 +2260,16 @@ StScrollBar {
|
|
icon-size: 32px !important;
|
|
-st-icon-style: regular !important; }
|
|
|
|
-.background-app-item .icon-button, .background-app-item .login-dialog-button.a11y-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
|
|
+.background-app-item .icon-button, .background-app-item .login-dialog-button.next-button, .background-app-item .login-dialog-button.a11y-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
|
|
.background-app-item .message .message-header .message-close-button,
|
|
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
|
|
padding: 6px;
|
|
background-color: rgba(255, 255, 255, 0.13); }
|
|
- .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.a11y-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
|
|
+ .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.next-button:hover, .background-app-item .login-dialog-button.a11y-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
|
|
.background-app-item .message .message-header .message-close-button:hover,
|
|
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
|
|
background-color: rgba(255, 255, 255, 0.22); }
|
|
- .background-app-item .icon-button:active, .background-app-item .login-dialog-button.a11y-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
|
|
+ .background-app-item .icon-button:active, .background-app-item .login-dialog-button.next-button:active, .background-app-item .login-dialog-button.a11y-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
|
|
.background-app-item .message .message-header .message-close-button:active,
|
|
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
|
|
background-color: rgba(255, 255, 255, 0.31); }
|
|
@@ -2560,26 +2601,26 @@ StScrollBar {
|
|
padding-bottom: 0; }
|
|
.app-folder-dialog .folder-name-container .folder-name-entry {
|
|
width: 12em; }
|
|
- .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.a11y-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
|
|
+ .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.next-button, .app-folder-dialog .login-dialog-button.a11y-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
|
|
.app-folder-dialog .message .message-header .message-close-button,
|
|
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
|
|
color: #fafafb;
|
|
background-color: st-mix(#fafafb, #38383b, 9%); }
|
|
- .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.a11y-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
|
|
+ .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.next-button:hover, .app-folder-dialog .login-dialog-button.a11y-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
|
|
.app-folder-dialog .message .message-header .message-close-button:hover,
|
|
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
|
|
color: #fafafb;
|
|
background-color: st-lighten(st-mix(#fafafb, #38383b, 9%), 4%); }
|
|
- .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.a11y-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
|
|
+ .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.next-button:active, .app-folder-dialog .login-dialog-button.a11y-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
|
|
.app-folder-dialog .message .message-header .message-close-button:active,
|
|
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
|
|
color: #fafafb;
|
|
background-color: st-lighten(st-mix(#fafafb, #38383b, 9%), 9%); }
|
|
- .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.a11y-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
|
|
+ .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.next-button:active:hover, .app-folder-dialog .login-dialog-button.a11y-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
|
|
.app-folder-dialog .message .message-header .message-close-button:active:hover,
|
|
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#fafafb, #38383b, 9%), 9%), 4%); }
|
|
- .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.a11y-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
|
|
+ .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.next-button:active:focus, .app-folder-dialog .login-dialog-button.a11y-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
|
|
.app-folder-dialog .message .message-header .message-close-button:active:focus,
|
|
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #38383b, 9%), 9%), 5%); }
|
|
@@ -3044,19 +3085,62 @@ StScrollBar {
|
|
.unlock-dialog .login-dialog-prompt-layout {
|
|
width: 25em;
|
|
spacing: 9px; }
|
|
+ .login-dialog .login-dialog-prompt-layout.web-login-active,
|
|
+ .unlock-dialog .login-dialog-prompt-layout.web-login-active {
|
|
+ width: 37.5em; }
|
|
+ .login-dialog .login-dialog-prompt-entry-area,
|
|
+ .unlock-dialog .login-dialog-prompt-entry-area {
|
|
+ margin: 0.5em 20px; }
|
|
+ .login-dialog .login-dialog-prompt-entry,
|
|
+ .unlock-dialog .login-dialog-prompt-entry {
|
|
+ border-radius: 12px;
|
|
+ padding-right: 3em; }
|
|
+ .login-dialog .login-dialog-default-button-well,
|
|
+ .unlock-dialog .login-dialog-default-button-well {
|
|
+ margin-right: 1em; }
|
|
|
|
.login-dialog-bottom-button-group {
|
|
padding: 32px;
|
|
spacing: 16px; }
|
|
|
|
-.login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
|
|
+.login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button {
|
|
padding: 1.091em; }
|
|
|
|
+.login-dialog-button.next-button {
|
|
+ background-color: transparent !important;
|
|
+ padding: 0; }
|
|
+
|
|
.login-dialog-button.cancel-button {
|
|
- padding: 9px; }
|
|
+ padding: 12px; }
|
|
+
|
|
+.login-dialog-auth-menu-button-popup {
|
|
+ padding: 18px;
|
|
+ margin-right: 12px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-header {
|
|
+ font-size: 0.909em;
|
|
+ text-align: center;
|
|
+ font-weight: bold;
|
|
+ padding-top: 18px;
|
|
+ padding-bottom: 6px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-header:first-child {
|
|
+ padding-top: 6px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-indicator {
|
|
+ spacing: 3px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-indicator .login-dialog-auth-menu-item-indicator-name {
|
|
+ font-size: 1.159em;
|
|
+ font-weight: bold; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-indicator .login-dialog-auth-menu-item-indicator-description {
|
|
+ font-size: 0.977em; }
|
|
+
|
|
+.login-dialog-auth-menu-button-indicator {
|
|
+ background-color: transparent !important; }
|
|
+ .login-dialog-auth-menu-button-indicator .login-dialog-auth-menu-button-indicator-icons {
|
|
+ spacing: 18px; }
|
|
+ .login-dialog-auth-menu-button-indicator .login-dialog-auth-menu-button-indicator-icons .login-dialog-auth-menu-button-indicator-icon {
|
|
+ icon-size: 2em; }
|
|
|
|
.login-dialog-button-box {
|
|
- spacing: 12px; }
|
|
+ height: 4em; }
|
|
|
|
.conflicting-session-dialog-content {
|
|
spacing: 20px; }
|
|
@@ -3118,49 +3202,103 @@ StScrollBar {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#222226, 9%), 5%); }
|
|
|
|
.login-dialog-auth-list-view {
|
|
- -st-vfade-offset: 3em; }
|
|
+ -st-vfade-offset: 3em;
|
|
+ max-height: 13em; }
|
|
|
|
.login-dialog-auth-list {
|
|
- spacing: 6px;
|
|
- margin-left: 2em; }
|
|
-
|
|
-.login-dialog-auth-list-title {
|
|
- margin-left: 2em;
|
|
- padding-bottom: 6px; }
|
|
+ spacing: 9px; }
|
|
|
|
+.login-dialog .login-dialog-auth-list-title,
|
|
.login-dialog .login-dialog-auth-list-item {
|
|
color: #fafafb;
|
|
- background-color: st-mix(#fafafb, #222226, 9%);
|
|
- border-radius: 9.6px;
|
|
- padding: 7.2px; }
|
|
- .login-dialog .login-dialog-auth-list-item:selected, .login-dialog .login-dialog-auth-list-item:focus {
|
|
+ background-color: #47474c;
|
|
+ border-radius: 12px; }
|
|
+ .login-dialog .login-dialog-auth-list-title:selected, .login-dialog .login-dialog-auth-list-title:focus,
|
|
+ .login-dialog .login-dialog-auth-list-item:selected,
|
|
+ .login-dialog .login-dialog-auth-list-item:focus {
|
|
color: #fafafb;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
|
|
- background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#fafafb, #222226, 9%), 5%); }
|
|
- .login-dialog .login-dialog-auth-list-item:selected:hover, .login-dialog .login-dialog-auth-list-item:focus:hover {
|
|
- background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 4%), 5%); }
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), #47474c, 5%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:selected:hover, .login-dialog .login-dialog-auth-list-title:focus:hover,
|
|
+ .login-dialog .login-dialog-auth-list-item:selected:hover,
|
|
+ .login-dialog .login-dialog-auth-list-item:focus:hover {
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#47474c, 4%), 5%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:hover,
|
|
.login-dialog .login-dialog-auth-list-item:hover {
|
|
color: #fafafb;
|
|
- background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 4%); }
|
|
+ background-color: st-lighten(#47474c, 4%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:active,
|
|
.login-dialog .login-dialog-auth-list-item:active {
|
|
color: #fafafb;
|
|
- background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 9%); }
|
|
+ background-color: st-lighten(#47474c, 9%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:active:hover,
|
|
.login-dialog .login-dialog-auth-list-item:active:hover {
|
|
- background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 4%); }
|
|
+ background-color: st-lighten(st-lighten(#47474c, 9%), 4%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:active:focus,
|
|
.login-dialog .login-dialog-auth-list-item:active:focus {
|
|
- background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 5%); }
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(#47474c, 9%), 5%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:insensitive,
|
|
+ .login-dialog .login-dialog-auth-list-item:insensitive {
|
|
+ color: st-transparentize(#fafafb, 0.5);
|
|
+ background-color: st-darken(#47474c, 3%); }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-title {
|
|
+ background-color: rgba(250, 250, 251, 0.02) !important;
|
|
+ color: #fafafb !important;
|
|
+ margin: 0.5em 20px; }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-item {
|
|
+ min-height: 3em;
|
|
+ padding: 9px;
|
|
+ margin: 0 20px;
|
|
+ margin-bottom: 4px; }
|
|
|
|
.unlock-dialog .login-dialog-auth-list-item {
|
|
- border-radius: 9.6px;
|
|
- padding: 7.2px; }
|
|
+ border-radius: 12px;
|
|
+ min-height: 3em;
|
|
+ padding: 9px;
|
|
+ margin: 0 20px;
|
|
+ margin-bottom: 4px; }
|
|
+
|
|
+.unlock-dialog .login-dialog-auth-list-title {
|
|
+ background-color: transparent !important;
|
|
+ color: #fafafb !important;
|
|
+ padding: 0;
|
|
+ margin: 0; }
|
|
+
|
|
+.login-dialog-auth-list-title-label {
|
|
+ padding: 6px;
|
|
+ text-align: center; }
|
|
+
|
|
+.login-dialog-auth-list-item-first-line,
|
|
+.login-dialog-auth-list-item-second-line {
|
|
+ text-align: center;
|
|
+ padding: 1.8px 0; }
|
|
+
|
|
+.login-dialog-auth-list-item-first-line {
|
|
+ color: #fafafb; }
|
|
|
|
-.login-dialog-auth-list-label:ltr {
|
|
- padding-left: 15px;
|
|
- text-align: left; }
|
|
+.login-dialog-auth-list-item-second-line {
|
|
+ color: #c1c1ce;
|
|
+ font-weight: 500; }
|
|
+
|
|
+.login-dialog-auth-list-item-icon {
|
|
+ width: 1.3em;
|
|
+ height: 1.3em;
|
|
+ color: #fafafb;
|
|
+ padding: 4.2px 6px;
|
|
+ border-radius: 8px; }
|
|
+ .login-dialog-auth-list-item-icon:hover {
|
|
+ background-color: #2e2e33; }
|
|
|
|
-.login-dialog-auth-list-label:rtl {
|
|
- padding-right: 15px;
|
|
- text-align: right; }
|
|
+.login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels {
|
|
+ spacing: 3px;
|
|
+ text-align: center; }
|
|
+ .login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels > :first-child {
|
|
+ color: #b3b3b3;
|
|
+ font-weight: 500; }
|
|
+ .login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels > :last-child {
|
|
+ color: #ffffff; }
|
|
|
|
.login-dialog-user-list-view {
|
|
width: 25em;
|
|
@@ -3189,6 +3327,9 @@ StScrollBar {
|
|
background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 4%); }
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 5%); }
|
|
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:insensitive {
|
|
+ color: st-transparentize(#fafafb, 0.5);
|
|
+ background-color: st-darken(st-mix(#fafafb, #222226, 9%), 3%); }
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
|
|
border: 2px solid transparent; }
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
|
@@ -3200,6 +3341,102 @@ StScrollBar {
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
|
|
background-color: st-transparentize(-st-accent-color, 0.7); }
|
|
|
|
+.web-login-spinner {
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
+ border: 5px rgba(0, 0, 0, 0);
|
|
+ border-radius: 50px; }
|
|
+
|
|
+.web-login-title-label {
|
|
+ font-size: 1em;
|
|
+ color: #a5a5b7;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-url-label {
|
|
+ font-size: 1em;
|
|
+ color: #fafafb;
|
|
+ text-align: center; }
|
|
+ .web-login-url-label.web-login-url-label-long {
|
|
+ font-size: 0.818em; }
|
|
+
|
|
+.web-login-code-title-label {
|
|
+ font-size: 1em;
|
|
+ color: #fafafb;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-code-label {
|
|
+ font-size: 1em;
|
|
+ color: #fafafb;
|
|
+ font-weight: bold;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-prompt {
|
|
+ padding-top: 6px;
|
|
+ padding-bottom: 6px;
|
|
+ padding-left: 27px;
|
|
+ padding-right: 27px;
|
|
+ spacing: 1.75em; }
|
|
+
|
|
+.web-login-button-label {
|
|
+ font-size: 1.182em;
|
|
+ color: #fafafb;
|
|
+ min-width: 12em;
|
|
+ text-align: center;
|
|
+ font-weight: bold; }
|
|
+
|
|
+.login-dialog .web-login-intro-button,
|
|
+.login-dialog .web-login-prompt-button {
|
|
+ color: #fafafb;
|
|
+ background-color: st-mix(#fafafb, #222226, 9%);
|
|
+ border-radius: 32px; }
|
|
+ .login-dialog .web-login-intro-button:selected, .login-dialog .web-login-intro-button:focus,
|
|
+ .login-dialog .web-login-prompt-button:selected,
|
|
+ .login-dialog .web-login-prompt-button:focus {
|
|
+ color: #fafafb;
|
|
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.2) !important;
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#fafafb, #222226, 9%), 5%); }
|
|
+ .login-dialog .web-login-intro-button:selected:hover, .login-dialog .web-login-intro-button:focus:hover,
|
|
+ .login-dialog .web-login-prompt-button:selected:hover,
|
|
+ .login-dialog .web-login-prompt-button:focus:hover {
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 4%), 5%); }
|
|
+ .login-dialog .web-login-intro-button:hover,
|
|
+ .login-dialog .web-login-prompt-button:hover {
|
|
+ color: #fafafb;
|
|
+ background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 4%); }
|
|
+ .login-dialog .web-login-intro-button:active,
|
|
+ .login-dialog .web-login-prompt-button:active {
|
|
+ color: #fafafb;
|
|
+ background-color: st-lighten(st-mix(#fafafb, #222226, 9%), 9%); }
|
|
+ .login-dialog .web-login-intro-button:active:hover,
|
|
+ .login-dialog .web-login-prompt-button:active:hover {
|
|
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 4%); }
|
|
+ .login-dialog .web-login-intro-button:active:focus,
|
|
+ .login-dialog .web-login-prompt-button:active:focus {
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-lighten(st-mix(#fafafb, #222226, 9%), 9%), 5%); }
|
|
+ .login-dialog .web-login-intro-button:insensitive,
|
|
+ .login-dialog .web-login-prompt-button:insensitive {
|
|
+ color: st-transparentize(#fafafb, 0.5);
|
|
+ background-color: st-darken(st-mix(#fafafb, #222226, 9%), 3%); }
|
|
+
|
|
+.login-dialog .web-login-intro-button {
|
|
+ padding: 0; }
|
|
+
|
|
+.login-dialog .web-login-prompt-button {
|
|
+ padding: 15px 24px;
|
|
+ margin: 24px 8px;
|
|
+ width: 8em; }
|
|
+
|
|
+.unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button {
|
|
+ border-radius: 32px; }
|
|
+
|
|
+.unlock-dialog .web-login-intro-button {
|
|
+ padding: 0; }
|
|
+
|
|
+.unlock-dialog .web-login-prompt-button {
|
|
+ padding: 15px 24px;
|
|
+ margin: 24px 8px;
|
|
+ width: 8em; }
|
|
+
|
|
.unlock-dialog {
|
|
background-color: transparent; }
|
|
|
|
@@ -3308,3 +3545,10 @@ StScrollBar {
|
|
.login-dialog .user-widget.vertical .user-icon StIcon,
|
|
.unlock-dialog .user-widget.vertical .user-icon StIcon {
|
|
padding: 30px; }
|
|
+
|
|
+.qr-code {
|
|
+ border-radius: 4px;
|
|
+ border-width: 1em;
|
|
+ background-color: #fafafb;
|
|
+ border-color: #fafafb;
|
|
+ color: #222226; }
|
|
diff --git a/data/theme/gnome-shell-high-contrast.css b/data/theme/gnome-shell-high-contrast.css
|
|
index 69749c1..af1dffc 100644
|
|
--- a/data/theme/gnome-shell-high-contrast.css
|
|
+++ b/data/theme/gnome-shell-high-contrast.css
|
|
@@ -42,7 +42,9 @@ stage {
|
|
text-align: center;
|
|
transition-duration: 100ms; }
|
|
|
|
-.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog .login-dialog-auth-list-item, .login-dialog-not-listed-button, .unlock-dialog-notifications-container .message StButton,
|
|
+.login-dialog .web-login-intro-button,
|
|
+.login-dialog .web-login-prompt-button, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog .login-dialog-auth-list-title,
|
|
+.login-dialog .login-dialog-auth-list-item, .login-dialog-not-listed-button, .unlock-dialog-notifications-container .message StButton,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton, .unlock-dialog .button,
|
|
.unlock-dialog .icon-button,
|
|
.unlock-dialog .message-notification-group .message-collapse-button,
|
|
@@ -51,34 +53,35 @@ stage {
|
|
.message .message-header .unlock-dialog .message-expand-button,
|
|
.unlock-dialog .message .message-header .message-close-button,
|
|
.message .message-header .unlock-dialog .message-close-button,
|
|
-.unlock-dialog .screenshot-ui-show-pointer-button, .unlock-dialog .login-dialog-auth-list-item, #LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
|
|
-#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
|
|
+.unlock-dialog .screenshot-ui-show-pointer-button, .unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button, .unlock-dialog .login-dialog-auth-list-title, .unlock-dialog .login-dialog-auth-list-item, #LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
|
|
+#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
|
|
.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
|
|
border-radius: 8px;
|
|
padding: 3px 24px;
|
|
font-weight: bold;
|
|
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
|
|
|
-.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
+.icon-button, .login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-mix(#ffffff, #1a1a1a, 9%), #ffffff, 87%); }
|
|
- .icon-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
|
|
+ .icon-button:focus, .login-dialog-button.next-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
|
|
.message .message-header .message-close-button:focus, .message-notification-group .message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #1a1a1a, 9%), #ffffff, 87%), 5%); }
|
|
- .icon-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
|
|
+ .icon-button:focus:hover, .login-dialog-button.next-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
|
|
.message .message-header .message-close-button:focus:hover, .message-notification-group .message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 4%), #ffffff, 87%), 5%); }
|
|
- .icon-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
|
|
+ .icon-button:hover, .login-dialog-button.next-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
|
|
.message .message-header .message-close-button:hover, .message-notification-group .message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 4%), #ffffff, 87%); }
|
|
- .icon-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
|
|
+ .icon-button:insensitive, .login-dialog-button.next-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
|
|
.message .message-header .message-close-button:insensitive, .message-notification-group .message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: st-transparentize(#ffffff, 0.5);
|
|
@@ -86,33 +89,33 @@ stage {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: none;
|
|
border: none; }
|
|
- .icon-button:selected, .login-dialog-button.a11y-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
|
|
- .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
|
|
+ .icon-button:selected, .login-dialog-button.next-button:selected, .login-dialog-button.a11y-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
|
|
+ .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.next-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
|
|
.message .message-header .message-close-button:active, .message-notification-group .message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 9%), #ffffff, 87%); }
|
|
- .icon-button:selected:hover, .login-dialog-button.a11y-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
|
|
- .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
|
|
+ .icon-button:selected:hover, .login-dialog-button.next-button:selected:hover, .login-dialog-button.a11y-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
|
|
+ .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.next-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
|
|
.message .message-header .message-close-button:active:hover, .message-notification-group .message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 9%), 4%); }
|
|
- .icon-button:selected:focus, .login-dialog-button.a11y-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
|
|
- .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
|
|
+ .icon-button:selected:focus, .login-dialog-button.next-button:selected:focus, .login-dialog-button.a11y-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
|
|
+ .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.next-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
|
|
.message .message-header .message-close-button:active:focus, .message-notification-group .message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 9%), #ffffff, 87%), 5%); }
|
|
- .icon-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
|
|
+ .icon-button:checked, .login-dialog-button.next-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
|
|
.message .message-header .message-close-button:checked, .message-notification-group .message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), #ffffff, 87%); }
|
|
- .icon-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
|
|
+ .icon-button:checked:hover, .login-dialog-button.next-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
|
|
.message .message-header .message-close-button:checked:hover, .message-notification-group .message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 4%); }
|
|
- .icon-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
|
|
+ .icon-button:checked:active, .login-dialog-button.next-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
|
|
.message .message-header .message-close-button:checked:active, .message-notification-group .message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 9%); }
|
|
|
|
-.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.a11y-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
|
|
+.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.next-button, .flat.login-dialog-button.a11y-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
|
|
.message .message-header .flat.message-close-button, .message-notification-group .flat.message-collapse-button, .calendar .calendar-month-header .pager-button, .button.flat {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
@@ -120,21 +123,21 @@ stage {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: none;
|
|
border: none; }
|
|
- .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.a11y-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
|
|
+ .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.next-button:focus, .flat.login-dialog-button.a11y-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
|
|
.message .message-header .flat.message-close-button:focus, .message-notification-group .flat.message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), rgba(26, 26, 26, 0.25), 5%); }
|
|
- .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.a11y-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
|
|
+ .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.next-button:focus:hover, .flat.login-dialog-button.a11y-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
|
|
.message .message-header .flat.message-close-button:focus:hover, .message-notification-group .flat.message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 7%), #ffffff, 87%), 5%); }
|
|
- .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.a11y-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
|
|
+ .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.next-button:hover, .flat.login-dialog-button.a11y-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
|
|
.message .message-header .flat.message-close-button:hover, .message-notification-group .flat.message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(#1a1a1a, 7%), #ffffff, 87%); }
|
|
- .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.a11y-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
|
|
+ .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.next-button:insensitive, .flat.login-dialog-button.a11y-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
|
|
.message .message-header .flat.message-close-button:insensitive, .message-notification-group .flat.message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: st-transparentize(#ffffff, 0.5);
|
|
@@ -142,33 +145,33 @@ stage {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: none;
|
|
border: none; }
|
|
- .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.a11y-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
|
|
- .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.a11y-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
|
|
+ .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.next-button:selected, .flat.login-dialog-button.a11y-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
|
|
+ .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.next-button:active, .flat.login-dialog-button.a11y-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
|
|
.message .message-header .flat.message-close-button:active, .message-notification-group .flat.message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%); }
|
|
- .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.a11y-button:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
|
|
- .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.a11y-button:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
|
|
+ .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.next-button:selected:hover, .flat.login-dialog-button.a11y-button:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
|
|
+ .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.next-button:active:hover, .flat.login-dialog-button.a11y-button:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
|
|
.message .message-header .flat.message-close-button:active:hover, .message-notification-group .flat.message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
|
|
background-color: st-lighten(st-lighten(#1a1a1a, 9%), 7%); }
|
|
- .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.a11y-button:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
|
|
- .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.a11y-button:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
|
|
+ .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.next-button:selected:focus, .flat.login-dialog-button.a11y-button:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
|
|
+ .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.next-button:active:focus, .flat.login-dialog-button.a11y-button:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
|
|
.message .message-header .flat.message-close-button:active:focus, .message-notification-group .flat.message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%), 5%); }
|
|
- .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.a11y-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
|
|
+ .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.next-button:checked, .flat.login-dialog-button.a11y-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
|
|
.message .message-header .flat.message-close-button:checked, .message-notification-group .flat.message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(#1a1a1a, 8%), #ffffff, 87%); }
|
|
- .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.a11y-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
|
|
+ .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.next-button:checked:hover, .flat.login-dialog-button.a11y-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
|
|
.message .message-header .flat.message-close-button:checked:hover, .message-notification-group .flat.message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
|
|
background-color: st-lighten(st-lighten(#1a1a1a, 8%), 7%); }
|
|
- .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.a11y-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
|
|
+ .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.next-button:checked:active, .flat.login-dialog-button.a11y-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
|
|
.message .message-header .flat.message-close-button:checked:active, .message-notification-group .flat.message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
|
|
background-color: st-lighten(st-lighten(#1a1a1a, 8%), 9%); }
|
|
|
|
-.keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.a11y-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
|
|
+.keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.next-button, .default.login-dialog-button.a11y-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
|
|
.message .message-header .default.message-close-button, .message-notification-group .default.message-collapse-button, .calendar .calendar-month-header .default.pager-button, .button.default {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
@@ -176,7 +179,7 @@ stage {
|
|
border: none;
|
|
color: -st-accent-fg-color;
|
|
background-color: st-mix(-st-accent-color, #ffffff, 87%); }
|
|
- .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.a11y-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
|
|
+ .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.next-button:focus, .default.login-dialog-button.a11y-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
|
|
.message .message-header .default.message-close-button:focus, .message-notification-group .default.message-collapse-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
@@ -186,10 +189,10 @@ stage {
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-lighten(-st-accent-color, 30%), 0.1) !important;
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(-st-accent-color, #ffffff, 87%), 5%); }
|
|
- .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.a11y-button:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
|
|
+ .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.next-button:focus:hover, .default.login-dialog-button.a11y-button:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
|
|
.message .message-header .default.message-close-button:focus:hover, .message-notification-group .default.message-collapse-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(-st-accent-color, 4%), #ffffff, 87%), 5%); }
|
|
- .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.a11y-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
|
|
+ .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.next-button:hover, .default.login-dialog-button.a11y-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
|
|
.message .message-header .default.message-close-button:hover, .message-notification-group .default.message-collapse-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
@@ -197,7 +200,7 @@ stage {
|
|
border: none;
|
|
color: -st-accent-fg-color;
|
|
background-color: st-mix(st-lighten(-st-accent-color, 4%), #ffffff, 87%); }
|
|
- .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.a11y-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
|
|
+ .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.next-button:insensitive, .default.login-dialog-button.a11y-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
|
|
.message .message-header .default.message-close-button:insensitive, .message-notification-group .default.message-collapse-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
@@ -208,7 +211,7 @@ stage {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: none;
|
|
border: none; }
|
|
- .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.a11y-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
|
|
+ .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.next-button:active, .default.login-dialog-button.a11y-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
|
|
.message .message-header .default.message-close-button:active, .message-notification-group .default.message-collapse-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
@@ -216,10 +219,10 @@ stage {
|
|
border: none;
|
|
color: -st-accent-fg-color;
|
|
background-color: st-mix(st-lighten(-st-accent-color, 9%), #ffffff, 87%); }
|
|
- .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.a11y-button:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
|
|
+ .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.next-button:active:hover, .default.login-dialog-button.a11y-button:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
|
|
.message .message-header .default.message-close-button:active:hover, .message-notification-group .default.message-collapse-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
|
|
background-color: st-lighten(st-lighten(-st-accent-color, 9%), 4%); }
|
|
- .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.a11y-button:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
|
|
+ .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.next-button:active:focus, .default.login-dialog-button.a11y-button:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
|
|
.message .message-header .default.message-close-button:active:focus, .message-notification-group .default.message-collapse-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(-st-accent-color, 9%), #ffffff, 87%), 5%); }
|
|
|
|
@@ -439,7 +442,7 @@ StEntry {
|
|
.modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: st-transparentize(#ffffff, 0.5);
|
|
- background-color: st-darken(st-mix(#ffffff, #1a1a1a, 9%), 3%);
|
|
+ background-color: rgba(255, 255, 255, 0.1);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: none;
|
|
border: none; }
|
|
@@ -468,12 +471,13 @@ StEntry {
|
|
font-weight: 700;
|
|
font-size: 1.364em; }
|
|
|
|
-.login-dialog-auth-list-label, #LookingGlassDebugFlags .lg-debug-flags-header, #LookingGlassExtensions .lg-extensions-none, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label,
|
|
+.login-dialog-auth-list-title-label, #LookingGlassDebugFlags .lg-debug-flags-header, #LookingGlassExtensions .lg-extensions-none, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label,
|
|
.polkit-dialog-user-layout .polkit-dialog-user-root-label, .message-dialog-content .message-dialog-title.lightweight {
|
|
font-weight: 700;
|
|
font-size: 1.182em; }
|
|
|
|
-.login-dialog-not-listed-label, #LookingGlassExtensions .lg-extension .lg-extension-name, #LookingGlassWindows .lg-window .lg-window-name, #LookingGlassPropertyInspector .lg-obj-inspector-title, .background-app-item .title, .quick-toggle .quick-toggle-title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
|
|
+.login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels, .login-dialog-auth-list-item-first-line,
|
|
+.login-dialog-auth-list-item-second-line, .login-dialog-not-listed-label, #LookingGlassExtensions .lg-extension .lg-extension-name, #LookingGlassWindows .lg-window .lg-window-name, #LookingGlassPropertyInspector .lg-obj-inspector-title, .background-app-item .title, .quick-toggle .quick-toggle-title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
|
|
font-weight: 700;
|
|
font-size: 1em; }
|
|
|
|
@@ -491,7 +495,7 @@ StEntry {
|
|
font-weight: 400;
|
|
font-size: 0.818em; }
|
|
|
|
-#LookingGlassDebugFlags .lg-debug-flag-button StLabel, #LookingGlassEvaluator .evaluator-results, .lg-dialog .actor-link {
|
|
+.web-login-url-label, #LookingGlassDebugFlags .lg-debug-flag-button StLabel, #LookingGlassEvaluator .evaluator-results, .lg-dialog .actor-link {
|
|
font-family: monospace; }
|
|
|
|
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
|
|
@@ -641,43 +645,43 @@ StEntry {
|
|
.login-dialog .login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
|
|
-.login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
|
|
+.login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-mix(#ffffff, #0d0d0d, 9%), #ffffff, 87%); }
|
|
- .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
|
|
+ .login-dialog-button.next-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: st-transparentize(#ffffff, 0.5);
|
|
background-color: st-darken(st-mix(#ffffff, #0d0d0d, 9%), 3%);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: none;
|
|
border: none; }
|
|
- .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
|
|
+ .login-dialog-button.next-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #0d0d0d, 9%), #ffffff, 87%), 5%); }
|
|
- .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
|
|
+ .login-dialog-button.next-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 4%), #ffffff, 87%), 5%); }
|
|
- .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
|
|
+ .login-dialog-button.next-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 4%), #ffffff, 87%); }
|
|
- .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
|
|
+ .login-dialog-button.next-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 9%), #ffffff, 87%); }
|
|
- .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
|
|
+ .login-dialog-button.next-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 9%), 4%); }
|
|
- .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
|
|
+ .login-dialog-button.next-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 9%), #ffffff, 87%), 5%); }
|
|
- .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
|
|
+ .login-dialog-button.next-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 8%), #ffffff, 87%); }
|
|
- .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
|
|
+ .login-dialog-button.next-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 8%), 4%); }
|
|
- .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
|
|
+ .login-dialog-button.next-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #0d0d0d, 9%), 8%), 9%); }
|
|
|
|
/* Lockscreen Elements */
|
|
@@ -693,10 +697,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button,
|
|
.message .message-header .unlock-dialog .message-close-button,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button,
|
|
+.unlock-dialog .login-dialog-button.next-button,
|
|
.unlock-dialog .login-dialog-button.a11y-button,
|
|
.unlock-dialog .login-dialog-button.cancel-button,
|
|
.unlock-dialog .login-dialog-button.switch-user-button,
|
|
-.unlock-dialog .login-dialog-button.login-dialog-session-list-button, .unlock-dialog .login-dialog-auth-list-item {
|
|
+.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
|
|
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button, .unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button, .unlock-dialog .login-dialog-auth-list-title, .unlock-dialog .login-dialog-auth-list-item {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(rgba(255, 255, 255, 0.1), #ffffff, 87%); }
|
|
@@ -712,10 +719,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:focus,
|
|
.message .message-header .unlock-dialog .message-close-button:focus,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
|
|
+ .unlock-dialog .login-dialog-button.next-button:focus,
|
|
.unlock-dialog .login-dialog-button.a11y-button:focus,
|
|
.unlock-dialog .login-dialog-button.cancel-button:focus,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:focus,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-auth-list-item:focus {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus, .unlock-dialog .web-login-intro-button:focus,
|
|
+ .unlock-dialog .web-login-prompt-button:focus, .unlock-dialog .login-dialog-auth-list-title:focus, .unlock-dialog .login-dialog-auth-list-item:focus {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
|
|
@@ -732,10 +742,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:focus:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:focus:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:focus:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:focus:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover, .unlock-dialog .login-dialog-auth-list-item:focus:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover, .unlock-dialog .web-login-intro-button:focus:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:focus:hover, .unlock-dialog .login-dialog-auth-list-title:focus:hover, .unlock-dialog .login-dialog-auth-list-item:focus:hover {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.13), #ffffff, 87%), 5%); }
|
|
.unlock-dialog-notifications-container .message StButton:hover,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:hover, .unlock-dialog .button:hover,
|
|
@@ -749,10 +762,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-auth-list-item:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover, .unlock-dialog .web-login-intro-button:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:hover, .unlock-dialog .login-dialog-auth-list-title:hover, .unlock-dialog .login-dialog-auth-list-item:hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(rgba(255, 255, 255, 0.13), #ffffff, 87%); }
|
|
@@ -768,10 +784,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:active,
|
|
.message .message-header .unlock-dialog .message-close-button:active,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:active,
|
|
+ .unlock-dialog .login-dialog-button.next-button:active,
|
|
.unlock-dialog .login-dialog-button.a11y-button:active,
|
|
.unlock-dialog .login-dialog-button.cancel-button:active,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:active,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active, .unlock-dialog .login-dialog-auth-list-item:active {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active, .unlock-dialog .web-login-intro-button:active,
|
|
+ .unlock-dialog .web-login-prompt-button:active, .unlock-dialog .login-dialog-auth-list-title:active, .unlock-dialog .login-dialog-auth-list-item:active {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(rgba(255, 255, 255, 0.16), #ffffff, 87%); }
|
|
@@ -787,10 +806,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:active:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:active:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:active:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:active:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .unlock-dialog .login-dialog-auth-list-item:active:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .unlock-dialog .web-login-intro-button:active:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:active:hover, .unlock-dialog .login-dialog-auth-list-title:active:hover, .unlock-dialog .login-dialog-auth-list-item:active:hover {
|
|
background-color: rgba(255, 255, 255, 0.19); }
|
|
.unlock-dialog-notifications-container .message StButton:active:focus,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:active:focus, .unlock-dialog .button:active:focus,
|
|
@@ -804,10 +826,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:active:focus,
|
|
.message .message-header .unlock-dialog .message-close-button:active:focus,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
|
|
+ .unlock-dialog .login-dialog-button.next-button:active:focus,
|
|
.unlock-dialog .login-dialog-button.a11y-button:active:focus,
|
|
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .unlock-dialog .login-dialog-auth-list-item:active:focus {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .unlock-dialog .web-login-intro-button:active:focus,
|
|
+ .unlock-dialog .web-login-prompt-button:active:focus, .unlock-dialog .login-dialog-auth-list-title:active:focus, .unlock-dialog .login-dialog-auth-list-item:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(rgba(255, 255, 255, 0.16), #ffffff, 87%), 5%); }
|
|
.unlock-dialog-notifications-container .message StButton:checked,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:checked, .unlock-dialog .button:checked,
|
|
@@ -821,10 +846,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:checked,
|
|
.message .message-header .unlock-dialog .message-close-button:checked,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
|
|
+ .unlock-dialog .login-dialog-button.next-button:checked,
|
|
.unlock-dialog .login-dialog-button.a11y-button:checked,
|
|
.unlock-dialog .login-dialog-button.cancel-button:checked,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:checked,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked, .unlock-dialog .login-dialog-auth-list-item:checked {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked, .unlock-dialog .web-login-intro-button:checked,
|
|
+ .unlock-dialog .web-login-prompt-button:checked, .unlock-dialog .login-dialog-auth-list-title:checked, .unlock-dialog .login-dialog-auth-list-item:checked {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), #ffffff, 87%); }
|
|
@@ -840,10 +868,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:checked:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:checked:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:checked:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:checked:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover, .unlock-dialog .login-dialog-auth-list-item:checked:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover, .unlock-dialog .web-login-intro-button:checked:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:checked:hover, .unlock-dialog .login-dialog-auth-list-title:checked:hover, .unlock-dialog .login-dialog-auth-list-item:checked:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 4%); }
|
|
.unlock-dialog-notifications-container .message StButton:checked:active,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:checked:active, .unlock-dialog .button:checked:active,
|
|
@@ -857,10 +888,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:checked:active,
|
|
.message .message-header .unlock-dialog .message-close-button:checked:active,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
|
|
+ .unlock-dialog .login-dialog-button.next-button:checked:active,
|
|
.unlock-dialog .login-dialog-button.a11y-button:checked:active,
|
|
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active, .unlock-dialog .login-dialog-auth-list-item:checked:active {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active, .unlock-dialog .web-login-intro-button:checked:active,
|
|
+ .unlock-dialog .web-login-prompt-button:checked:active, .unlock-dialog .login-dialog-auth-list-title:checked:active, .unlock-dialog .login-dialog-auth-list-item:checked:active {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #1a1a1a, 9%), 8%), 9%); }
|
|
.unlock-dialog-notifications-container .message StButton:insensitive,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:insensitive, .unlock-dialog .button:insensitive,
|
|
@@ -874,13 +908,16 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:insensitive,
|
|
.message .message-header .unlock-dialog .message-close-button:insensitive,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
|
|
+ .unlock-dialog .login-dialog-button.next-button:insensitive,
|
|
.unlock-dialog .login-dialog-button.a11y-button:insensitive,
|
|
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive, .unlock-dialog .login-dialog-auth-list-item:insensitive {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive, .unlock-dialog .web-login-intro-button:insensitive,
|
|
+ .unlock-dialog .web-login-prompt-button:insensitive, .unlock-dialog .login-dialog-auth-list-title:insensitive, .unlock-dialog .login-dialog-auth-list-item:insensitive {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: st-transparentize(#ffffff, 0.5);
|
|
- background-color: st-darken(st-mix(#ffffff, #1a1a1a, 9%), 3%);
|
|
+ background-color: rgba(255, 255, 255, 0.1);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
box-shadow: none;
|
|
border: none; }
|
|
@@ -907,6 +944,7 @@ StEntry {
|
|
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
|
|
+/* Login Dialog Elements */
|
|
/* WIDGETS */
|
|
.shell-link {
|
|
color: st-lighten(-st-accent-color, 20%); }
|
|
@@ -931,18 +969,18 @@ StEntry StIcon.peek-password {
|
|
padding: 0 4px; }
|
|
|
|
StEntry StLabel.hint-text {
|
|
- margin-left: 2px; }
|
|
+ margin-left: 8px; }
|
|
|
|
/* Buttons */
|
|
.button {
|
|
min-height: 1.5em; }
|
|
|
|
-.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
+.icon-button, .login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button {
|
|
border-radius: 999px;
|
|
padding: 0.818em;
|
|
min-height: 1.091em; }
|
|
- .icon-button StIcon, .login-dialog-button.a11y-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
|
|
+ .icon-button StIcon, .login-dialog-button.next-button StIcon, .login-dialog-button.a11y-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
|
|
.message .message-header .message-close-button StIcon, .message-notification-group .message-collapse-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
|
|
icon-size: 1.091em;
|
|
-st-icon-style: symbolic; }
|
|
@@ -2032,6 +2070,9 @@ StScrollBar {
|
|
min-width: 0.5455em;
|
|
min-height: 0.5455em;
|
|
background-color: #ffffff; }
|
|
+ #panel .panel-button#panelActivities .activities-logo {
|
|
+ icon-size: 1.36375em;
|
|
+ padding: 0 6px; }
|
|
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
|
|
spacing: 0.409em; }
|
|
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
|
|
@@ -2233,7 +2274,7 @@ StScrollBar {
|
|
.quick-settings {
|
|
padding: 18px;
|
|
border-radius: 36px; }
|
|
- .quick-settings .icon-button, .quick-settings .login-dialog-button.a11y-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
|
|
+ .quick-settings .icon-button, .quick-settings .login-dialog-button.next-button, .quick-settings .login-dialog-button.a11y-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
|
|
.quick-settings .message .message-header .message-close-button,
|
|
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
|
|
padding: 10.5px; }
|
|
@@ -2361,7 +2402,7 @@ StScrollBar {
|
|
.quick-slider > StBoxLayout {
|
|
spacing: 6px; }
|
|
|
|
-.quick-slider .icon-button, .quick-slider .login-dialog-button.a11y-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
|
|
+.quick-slider .icon-button, .quick-slider .login-dialog-button.next-button, .quick-slider .login-dialog-button.a11y-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
|
|
.quick-slider .message .message-header .message-close-button,
|
|
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
|
|
padding: 6px; }
|
|
@@ -2443,16 +2484,16 @@ StScrollBar {
|
|
icon-size: 32px !important;
|
|
-st-icon-style: regular !important; }
|
|
|
|
-.background-app-item .icon-button, .background-app-item .login-dialog-button.a11y-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
|
|
+.background-app-item .icon-button, .background-app-item .login-dialog-button.next-button, .background-app-item .login-dialog-button.a11y-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
|
|
.background-app-item .message .message-header .message-close-button,
|
|
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
|
|
padding: 6px;
|
|
background-color: rgba(255, 255, 255, 0.13); }
|
|
- .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.a11y-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
|
|
+ .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.next-button:hover, .background-app-item .login-dialog-button.a11y-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
|
|
.background-app-item .message .message-header .message-close-button:hover,
|
|
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
|
|
background-color: rgba(255, 255, 255, 0.22); }
|
|
- .background-app-item .icon-button:active, .background-app-item .login-dialog-button.a11y-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
|
|
+ .background-app-item .icon-button:active, .background-app-item .login-dialog-button.next-button:active, .background-app-item .login-dialog-button.a11y-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
|
|
.background-app-item .message .message-header .message-close-button:active,
|
|
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
|
|
background-color: rgba(255, 255, 255, 0.31); }
|
|
@@ -2839,29 +2880,29 @@ StScrollBar {
|
|
padding-bottom: 0; }
|
|
.app-folder-dialog .folder-name-container .folder-name-entry {
|
|
width: 12em; }
|
|
- .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.a11y-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
|
|
+ .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.next-button, .app-folder-dialog .login-dialog-button.a11y-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
|
|
.app-folder-dialog .message .message-header .message-close-button,
|
|
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-mix(#ffffff, #252525, 9%), #ffffff, 87%); }
|
|
- .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.a11y-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
|
|
+ .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.next-button:hover, .app-folder-dialog .login-dialog-button.a11y-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
|
|
.app-folder-dialog .message .message-header .message-close-button:hover,
|
|
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(st-mix(#ffffff, #252525, 9%), 4%), #ffffff, 87%); }
|
|
- .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.a11y-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
|
|
+ .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.next-button:active, .app-folder-dialog .login-dialog-button.a11y-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
|
|
.app-folder-dialog .message .message-header .message-close-button:active,
|
|
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
background-color: st-mix(st-lighten(st-mix(#ffffff, #252525, 9%), 9%), #ffffff, 87%); }
|
|
- .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.a11y-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
|
|
+ .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.next-button:active:hover, .app-folder-dialog .login-dialog-button.a11y-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
|
|
.app-folder-dialog .message .message-header .message-close-button:active:hover,
|
|
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #252525, 9%), 9%), 4%); }
|
|
- .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.a11y-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
|
|
+ .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.next-button:active:focus, .app-folder-dialog .login-dialog-button.a11y-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
|
|
.app-folder-dialog .message .message-header .message-close-button:active:focus,
|
|
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #252525, 9%), 9%), #ffffff, 87%), 5%); }
|
|
@@ -3374,19 +3415,62 @@ StScrollBar {
|
|
.unlock-dialog .login-dialog-prompt-layout {
|
|
width: 25em;
|
|
spacing: 9px; }
|
|
+ .login-dialog .login-dialog-prompt-layout.web-login-active,
|
|
+ .unlock-dialog .login-dialog-prompt-layout.web-login-active {
|
|
+ width: 37.5em; }
|
|
+ .login-dialog .login-dialog-prompt-entry-area,
|
|
+ .unlock-dialog .login-dialog-prompt-entry-area {
|
|
+ margin: 0.5em 20px; }
|
|
+ .login-dialog .login-dialog-prompt-entry,
|
|
+ .unlock-dialog .login-dialog-prompt-entry {
|
|
+ border-radius: 12px;
|
|
+ padding-right: 3em; }
|
|
+ .login-dialog .login-dialog-default-button-well,
|
|
+ .unlock-dialog .login-dialog-default-button-well {
|
|
+ margin-right: 1em; }
|
|
|
|
.login-dialog-bottom-button-group {
|
|
padding: 32px;
|
|
spacing: 16px; }
|
|
|
|
-.login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
|
|
+.login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button {
|
|
padding: 1.091em; }
|
|
|
|
+.login-dialog-button.next-button {
|
|
+ background-color: transparent !important;
|
|
+ padding: 0; }
|
|
+
|
|
.login-dialog-button.cancel-button {
|
|
- padding: 9px; }
|
|
+ padding: 12px; }
|
|
+
|
|
+.login-dialog-auth-menu-button-popup {
|
|
+ padding: 18px;
|
|
+ margin-right: 12px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-header {
|
|
+ font-size: 0.909em;
|
|
+ text-align: center;
|
|
+ font-weight: bold;
|
|
+ padding-top: 18px;
|
|
+ padding-bottom: 6px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-header:first-child {
|
|
+ padding-top: 6px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-indicator {
|
|
+ spacing: 3px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-indicator .login-dialog-auth-menu-item-indicator-name {
|
|
+ font-size: 1.159em;
|
|
+ font-weight: bold; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-indicator .login-dialog-auth-menu-item-indicator-description {
|
|
+ font-size: 0.977em; }
|
|
+
|
|
+.login-dialog-auth-menu-button-indicator {
|
|
+ background-color: transparent !important; }
|
|
+ .login-dialog-auth-menu-button-indicator .login-dialog-auth-menu-button-indicator-icons {
|
|
+ spacing: 18px; }
|
|
+ .login-dialog-auth-menu-button-indicator .login-dialog-auth-menu-button-indicator-icons .login-dialog-auth-menu-button-indicator-icon {
|
|
+ icon-size: 2em; }
|
|
|
|
.login-dialog-button-box {
|
|
- spacing: 12px; }
|
|
+ height: 4em; }
|
|
|
|
.conflicting-session-dialog-content {
|
|
spacing: 20px; }
|
|
@@ -3455,53 +3539,111 @@ StScrollBar {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#000000, 9%), #ffffff, 87%), 5%); }
|
|
|
|
.login-dialog-auth-list-view {
|
|
- -st-vfade-offset: 3em; }
|
|
+ -st-vfade-offset: 3em;
|
|
+ max-height: 13em; }
|
|
|
|
.login-dialog-auth-list {
|
|
- spacing: 6px;
|
|
- margin-left: 2em; }
|
|
-
|
|
-.login-dialog-auth-list-title {
|
|
- margin-left: 2em;
|
|
- padding-bottom: 6px; }
|
|
+ spacing: 9px; }
|
|
|
|
+.login-dialog .login-dialog-auth-list-title,
|
|
.login-dialog .login-dialog-auth-list-item {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
- background-color: st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%);
|
|
- border-radius: 9.6px;
|
|
- padding: 7.2px; }
|
|
- .login-dialog .login-dialog-auth-list-item:selected, .login-dialog .login-dialog-auth-list-item:focus {
|
|
+ background-color: st-mix(#1a1a1a, #ffffff, 87%);
|
|
+ border-radius: 12px; }
|
|
+ .login-dialog .login-dialog-auth-list-title:selected, .login-dialog .login-dialog-auth-list-title:focus,
|
|
+ .login-dialog .login-dialog-auth-list-item:selected,
|
|
+ .login-dialog .login-dialog-auth-list-item:focus {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
|
|
- background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%), 5%); }
|
|
- .login-dialog .login-dialog-auth-list-item:selected:hover, .login-dialog .login-dialog-auth-list-item:focus:hover {
|
|
- background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%), 5%); }
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(#1a1a1a, #ffffff, 87%), 5%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:selected:hover, .login-dialog .login-dialog-auth-list-title:focus:hover,
|
|
+ .login-dialog .login-dialog-auth-list-item:selected:hover,
|
|
+ .login-dialog .login-dialog-auth-list-item:focus:hover {
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 4%), #ffffff, 87%), 5%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:hover,
|
|
.login-dialog .login-dialog-auth-list-item:hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
- background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%); }
|
|
+ background-color: st-mix(st-lighten(#1a1a1a, 4%), #ffffff, 87%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:active,
|
|
.login-dialog .login-dialog-auth-list-item:active {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: #ffffff;
|
|
- background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%); }
|
|
+ background-color: st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:active:hover,
|
|
.login-dialog .login-dialog-auth-list-item:active:hover {
|
|
- background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), 4%); }
|
|
+ background-color: st-lighten(st-lighten(#1a1a1a, 9%), 4%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:active:focus,
|
|
.login-dialog .login-dialog-auth-list-item:active:focus {
|
|
- background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%), 5%); }
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(#1a1a1a, 9%), #ffffff, 87%), 5%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:insensitive,
|
|
+ .login-dialog .login-dialog-auth-list-item:insensitive {
|
|
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
+ color: st-transparentize(#ffffff, 0.5);
|
|
+ background-color: st-darken(#1a1a1a, 3%);
|
|
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
+ box-shadow: none;
|
|
+ border: none; }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-title {
|
|
+ background-color: rgba(255, 255, 255, 0.02) !important;
|
|
+ color: #ffffff !important;
|
|
+ margin: 0.5em 20px; }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-item {
|
|
+ min-height: 3em;
|
|
+ padding: 9px;
|
|
+ margin: 0 20px;
|
|
+ margin-bottom: 4px; }
|
|
|
|
.unlock-dialog .login-dialog-auth-list-item {
|
|
- border-radius: 9.6px;
|
|
- padding: 7.2px; }
|
|
+ border-radius: 12px;
|
|
+ min-height: 3em;
|
|
+ padding: 9px;
|
|
+ margin: 0 20px;
|
|
+ margin-bottom: 4px; }
|
|
+
|
|
+.unlock-dialog .login-dialog-auth-list-title {
|
|
+ background-color: transparent !important;
|
|
+ color: #ffffff !important;
|
|
+ padding: 0;
|
|
+ margin: 0; }
|
|
|
|
-.login-dialog-auth-list-label:ltr {
|
|
- padding-left: 15px;
|
|
- text-align: left; }
|
|
+.login-dialog-auth-list-title-label {
|
|
+ padding: 6px;
|
|
+ text-align: center; }
|
|
+
|
|
+.login-dialog-auth-list-item-first-line,
|
|
+.login-dialog-auth-list-item-second-line {
|
|
+ text-align: center;
|
|
+ padding: 1.8px 0; }
|
|
|
|
-.login-dialog-auth-list-label:rtl {
|
|
- padding-right: 15px;
|
|
- text-align: right; }
|
|
+.login-dialog-auth-list-item-first-line {
|
|
+ color: #ffffff; }
|
|
+
|
|
+.login-dialog-auth-list-item-second-line {
|
|
+ color: #cccccc;
|
|
+ font-weight: 500; }
|
|
+
|
|
+.login-dialog-auth-list-item-icon {
|
|
+ width: 1.3em;
|
|
+ height: 1.3em;
|
|
+ color: #ffffff;
|
|
+ padding: 4.2px 6px;
|
|
+ border-radius: 8px; }
|
|
+ .login-dialog-auth-list-item-icon:hover {
|
|
+ background-color: #0d0d0d; }
|
|
+
|
|
+.login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels {
|
|
+ spacing: 3px;
|
|
+ text-align: center; }
|
|
+ .login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels > :first-child {
|
|
+ color: #b3b3b3;
|
|
+ font-weight: 500; }
|
|
+ .login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels > :last-child {
|
|
+ color: #ffffff; }
|
|
|
|
.login-dialog-user-list-view {
|
|
width: 25em;
|
|
@@ -3534,6 +3676,13 @@ StScrollBar {
|
|
background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), 4%); }
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
|
|
background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%), 5%); }
|
|
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:insensitive {
|
|
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
+ color: st-transparentize(#ffffff, 0.5);
|
|
+ background-color: st-darken(st-mix(#ffffff, #000000, 9%), 3%);
|
|
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
+ box-shadow: none;
|
|
+ border: none; }
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
|
|
border: 2px solid transparent; }
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
|
@@ -3545,6 +3694,110 @@ StScrollBar {
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
|
|
background-color: st-transparentize(-st-accent-color, 0.7); }
|
|
|
|
+.web-login-spinner {
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
+ border: 5px rgba(0, 0, 0, 0);
|
|
+ border-radius: 50px; }
|
|
+
|
|
+.web-login-title-label {
|
|
+ font-size: 1em;
|
|
+ color: #b3b3b3;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-url-label {
|
|
+ font-size: 1em;
|
|
+ color: #ffffff;
|
|
+ text-align: center; }
|
|
+ .web-login-url-label.web-login-url-label-long {
|
|
+ font-size: 0.818em; }
|
|
+
|
|
+.web-login-code-title-label {
|
|
+ font-size: 1em;
|
|
+ color: #ffffff;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-code-label {
|
|
+ font-size: 1em;
|
|
+ color: #ffffff;
|
|
+ font-weight: bold;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-prompt {
|
|
+ padding-top: 6px;
|
|
+ padding-bottom: 6px;
|
|
+ padding-left: 27px;
|
|
+ padding-right: 27px;
|
|
+ spacing: 1.75em; }
|
|
+
|
|
+.web-login-button-label {
|
|
+ font-size: 1.182em;
|
|
+ color: #ffffff;
|
|
+ min-width: 12em;
|
|
+ text-align: center;
|
|
+ font-weight: bold; }
|
|
+
|
|
+.login-dialog .web-login-intro-button,
|
|
+.login-dialog .web-login-prompt-button {
|
|
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
+ color: #ffffff;
|
|
+ background-color: st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%);
|
|
+ border-radius: 32px; }
|
|
+ .login-dialog .web-login-intro-button:selected, .login-dialog .web-login-intro-button:focus,
|
|
+ .login-dialog .web-login-prompt-button:selected,
|
|
+ .login-dialog .web-login-prompt-button:focus {
|
|
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
+ color: #ffffff;
|
|
+ box-shadow: inset 0 0 0 2px st-transparentize(st-mix(-st-accent-color, #ffffff, 60%), 0.1) !important;
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-mix(#ffffff, #000000, 9%), #ffffff, 87%), 5%); }
|
|
+ .login-dialog .web-login-intro-button:selected:hover, .login-dialog .web-login-intro-button:focus:hover,
|
|
+ .login-dialog .web-login-prompt-button:selected:hover,
|
|
+ .login-dialog .web-login-prompt-button:focus:hover {
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%), 5%); }
|
|
+ .login-dialog .web-login-intro-button:hover,
|
|
+ .login-dialog .web-login-prompt-button:hover {
|
|
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
+ color: #ffffff;
|
|
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 4%), #ffffff, 87%); }
|
|
+ .login-dialog .web-login-intro-button:active,
|
|
+ .login-dialog .web-login-prompt-button:active {
|
|
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
+ color: #ffffff;
|
|
+ background-color: st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%); }
|
|
+ .login-dialog .web-login-intro-button:active:hover,
|
|
+ .login-dialog .web-login-prompt-button:active:hover {
|
|
+ background-color: st-lighten(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), 4%); }
|
|
+ .login-dialog .web-login-intro-button:active:focus,
|
|
+ .login-dialog .web-login-prompt-button:active:focus {
|
|
+ background-color: st-mix(st-mix(-st-accent-color, #ffffff, 60%), st-mix(st-lighten(st-mix(#ffffff, #000000, 9%), 9%), #ffffff, 87%), 5%); }
|
|
+ .login-dialog .web-login-intro-button:insensitive,
|
|
+ .login-dialog .web-login-prompt-button:insensitive {
|
|
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
+ color: st-transparentize(#ffffff, 0.5);
|
|
+ background-color: st-darken(st-mix(#ffffff, #000000, 9%), 3%);
|
|
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
+ box-shadow: none;
|
|
+ border: none; }
|
|
+
|
|
+.login-dialog .web-login-intro-button {
|
|
+ padding: 0; }
|
|
+
|
|
+.login-dialog .web-login-prompt-button {
|
|
+ padding: 15px 24px;
|
|
+ margin: 24px 8px;
|
|
+ width: 8em; }
|
|
+
|
|
+.unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button {
|
|
+ border-radius: 32px; }
|
|
+
|
|
+.unlock-dialog .web-login-intro-button {
|
|
+ padding: 0; }
|
|
+
|
|
+.unlock-dialog .web-login-prompt-button {
|
|
+ padding: 15px 24px;
|
|
+ margin: 24px 8px;
|
|
+ width: 8em; }
|
|
+
|
|
.unlock-dialog {
|
|
background-color: transparent; }
|
|
|
|
@@ -3655,3 +3908,10 @@ StScrollBar {
|
|
.login-dialog .user-widget.vertical .user-icon StIcon,
|
|
.unlock-dialog .user-widget.vertical .user-icon StIcon {
|
|
padding: 30px; }
|
|
+
|
|
+.qr-code {
|
|
+ border-radius: 4px;
|
|
+ border-width: 1em;
|
|
+ background-color: #ffffff;
|
|
+ border-color: #ffffff;
|
|
+ color: #000000; }
|
|
diff --git a/data/theme/gnome-shell-light.css b/data/theme/gnome-shell-light.css
|
|
index 174d723..fa83485 100644
|
|
--- a/data/theme/gnome-shell-light.css
|
|
+++ b/data/theme/gnome-shell-light.css
|
|
@@ -42,7 +42,9 @@ stage {
|
|
text-align: center;
|
|
transition-duration: 100ms; }
|
|
|
|
-.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog .login-dialog-auth-list-item, .login-dialog-not-listed-button, .unlock-dialog-notifications-container .message StButton,
|
|
+.login-dialog .web-login-intro-button,
|
|
+.login-dialog .web-login-prompt-button, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog .login-dialog-auth-list-title,
|
|
+.login-dialog .login-dialog-auth-list-item, .login-dialog-not-listed-button, .unlock-dialog-notifications-container .message StButton,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton, .unlock-dialog .button,
|
|
.unlock-dialog .icon-button,
|
|
.unlock-dialog .message-notification-group .message-collapse-button,
|
|
@@ -51,131 +53,132 @@ stage {
|
|
.message .message-header .unlock-dialog .message-expand-button,
|
|
.unlock-dialog .message .message-header .message-close-button,
|
|
.message .message-header .unlock-dialog .message-close-button,
|
|
-.unlock-dialog .screenshot-ui-show-pointer-button, .unlock-dialog .login-dialog-auth-list-item, #LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
|
|
-#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
|
|
+.unlock-dialog .screenshot-ui-show-pointer-button, .unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button, .unlock-dialog .login-dialog-auth-list-title, .unlock-dialog .login-dialog-auth-list-item, #LookingGlassDialog .notebook-tab, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDebugFlags .lg-debug-flag-button, #LookingGlassPropertyInspector .lg-obj-inspector-close-button,
|
|
+#LookingGlassPropertyInspector .lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
|
|
.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
|
|
border-radius: 8px;
|
|
padding: 3px 24px;
|
|
font-weight: bold;
|
|
transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
|
|
|
-.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
+.icon-button, .login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button, .button {
|
|
color: #222226;
|
|
background-color: st-mix(#222226, #fafafb, 12%); }
|
|
- .icon-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
|
|
+ .icon-button:focus, .login-dialog-button.next-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
|
|
.message .message-header .message-close-button:focus, .message-notification-group .message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
|
|
color: #222226;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
|
|
background-color: st-mix(-st-accent-color, st-mix(#222226, #fafafb, 12%), 5%); }
|
|
- .icon-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
|
|
+ .icon-button:focus:hover, .login-dialog-button.next-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
|
|
.message .message-header .message-close-button:focus:hover, .message-notification-group .message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
|
|
background-color: st-mix(-st-accent-color, st-darken(st-mix(#222226, #fafafb, 12%), 4%), 5%); }
|
|
- .icon-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
|
|
+ .icon-button:hover, .login-dialog-button.next-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
|
|
.message .message-header .message-close-button:hover, .message-notification-group .message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
|
|
color: #222226;
|
|
background-color: st-darken(st-mix(#222226, #fafafb, 12%), 4%); }
|
|
- .icon-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
|
|
+ .icon-button:insensitive, .login-dialog-button.next-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
|
|
.message .message-header .message-close-button:insensitive, .message-notification-group .message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
|
|
color: st-transparentize(#222226, 0.6);
|
|
background-color: st-lighten(st-mix(#222226, #fafafb, 12%), 3%); }
|
|
- .icon-button:selected, .login-dialog-button.a11y-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
|
|
- .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
|
|
+ .icon-button:selected, .login-dialog-button.next-button:selected, .login-dialog-button.a11y-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-auth-menu-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
|
|
+ .message .message-header .message-close-button:selected, .message-notification-group .message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.next-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
|
|
.message .message-header .message-close-button:active, .message-notification-group .message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
|
|
color: #222226;
|
|
background-color: st-darken(st-mix(#222226, #fafafb, 12%), 9%); }
|
|
- .icon-button:selected:hover, .login-dialog-button.a11y-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
|
|
- .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
|
|
+ .icon-button:selected:hover, .login-dialog-button.next-button:selected:hover, .login-dialog-button.a11y-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-auth-menu-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
|
|
+ .message .message-header .message-close-button:selected:hover, .message-notification-group .message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.next-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
|
|
.message .message-header .message-close-button:active:hover, .message-notification-group .message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
|
|
background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 9%), 4%); }
|
|
- .icon-button:selected:focus, .login-dialog-button.a11y-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
|
|
- .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
|
|
+ .icon-button:selected:focus, .login-dialog-button.next-button:selected:focus, .login-dialog-button.a11y-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-auth-menu-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
|
|
+ .message .message-header .message-close-button:selected:focus, .message-notification-group .message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.next-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
|
|
.message .message-header .message-close-button:active:focus, .message-notification-group .message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
|
|
background-color: st-mix(-st-accent-color, st-darken(st-mix(#222226, #fafafb, 12%), 9%), 5%); }
|
|
- .icon-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
|
|
+ .icon-button:checked, .login-dialog-button.next-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
|
|
.message .message-header .message-close-button:checked, .message-notification-group .message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
|
|
color: #222226;
|
|
background-color: st-darken(st-mix(#222226, #fafafb, 12%), 8%); }
|
|
- .icon-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
|
|
+ .icon-button:checked:hover, .login-dialog-button.next-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
|
|
.message .message-header .message-close-button:checked:hover, .message-notification-group .message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
|
|
background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 8%), 4%); }
|
|
- .icon-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
|
|
+ .icon-button:checked:active, .login-dialog-button.next-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
|
|
.message .message-header .message-close-button:checked:active, .message-notification-group .message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
|
|
background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 8%), 9%); }
|
|
|
|
-.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.a11y-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
|
|
+.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.next-button, .flat.login-dialog-button.a11y-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-auth-menu-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
|
|
.message .message-header .flat.message-close-button, .message-notification-group .flat.message-collapse-button, .calendar .calendar-month-header .pager-button, .button.flat {
|
|
color: #222226;
|
|
background-color: #fafafb; }
|
|
- .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.a11y-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
|
|
+ .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.next-button:focus, .flat.login-dialog-button.a11y-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
|
|
.message .message-header .flat.message-close-button:focus, .message-notification-group .flat.message-collapse-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
|
|
color: #222226;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
|
|
background-color: st-mix(-st-accent-color, rgba(250, 250, 251, 0.25), 5%); }
|
|
- .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.a11y-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
|
|
+ .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.next-button:focus:hover, .flat.login-dialog-button.a11y-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
|
|
.message .message-header .flat.message-close-button:focus:hover, .message-notification-group .flat.message-collapse-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
|
|
background-color: st-mix(-st-accent-color, st-darken(#fafafb, 7%), 5%); }
|
|
- .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.a11y-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
|
|
+ .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.next-button:hover, .flat.login-dialog-button.a11y-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
|
|
.message .message-header .flat.message-close-button:hover, .message-notification-group .flat.message-collapse-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
|
|
color: #222226;
|
|
background-color: st-darken(#fafafb, 7%); }
|
|
- .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.a11y-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
|
|
+ .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.next-button:insensitive, .flat.login-dialog-button.a11y-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-auth-menu-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
|
|
.message .message-header .flat.message-close-button:insensitive, .message-notification-group .flat.message-collapse-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
|
|
color: st-transparentize(#222226, 0.6);
|
|
background-color: #fafafb; }
|
|
- .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.a11y-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
|
|
- .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.a11y-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
|
|
+ .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.next-button:selected, .flat.login-dialog-button.a11y-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-auth-menu-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
|
|
+ .message .message-header .flat.message-close-button:selected, .message-notification-group .flat.message-collapse-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.next-button:active, .flat.login-dialog-button.a11y-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-auth-menu-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
|
|
.message .message-header .flat.message-close-button:active, .message-notification-group .flat.message-collapse-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
|
|
color: #222226;
|
|
background-color: st-darken(#fafafb, 9%); }
|
|
- .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.a11y-button:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
|
|
- .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.a11y-button:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
|
|
+ .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.next-button:selected:hover, .flat.login-dialog-button.a11y-button:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
|
|
+ .message .message-header .flat.message-close-button:selected:hover, .message-notification-group .flat.message-collapse-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.next-button:active:hover, .flat.login-dialog-button.a11y-button:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
|
|
.message .message-header .flat.message-close-button:active:hover, .message-notification-group .flat.message-collapse-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
|
|
background-color: st-darken(st-darken(#fafafb, 9%), 7%); }
|
|
- .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.a11y-button:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
|
|
- .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.a11y-button:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
|
|
+ .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.next-button:selected:focus, .flat.login-dialog-button.a11y-button:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
|
|
+ .message .message-header .flat.message-close-button:selected:focus, .message-notification-group .flat.message-collapse-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.next-button:active:focus, .flat.login-dialog-button.a11y-button:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-auth-menu-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
|
|
.message .message-header .flat.message-close-button:active:focus, .message-notification-group .flat.message-collapse-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
|
|
background-color: st-mix(-st-accent-color, st-darken(#fafafb, 9%), 5%); }
|
|
- .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.a11y-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
|
|
+ .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.next-button:checked, .flat.login-dialog-button.a11y-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-auth-menu-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
|
|
.message .message-header .flat.message-close-button:checked, .message-notification-group .flat.message-collapse-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
|
|
color: #222226;
|
|
background-color: st-darken(#fafafb, 8%); }
|
|
- .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.a11y-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
|
|
+ .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.next-button:checked:hover, .flat.login-dialog-button.a11y-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
|
|
.message .message-header .flat.message-close-button:checked:hover, .message-notification-group .flat.message-collapse-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
|
|
background-color: st-darken(st-darken(#fafafb, 8%), 7%); }
|
|
- .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.a11y-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
|
|
+ .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.next-button:checked:active, .flat.login-dialog-button.a11y-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-auth-menu-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
|
|
.message .message-header .flat.message-close-button:checked:active, .message-notification-group .flat.message-collapse-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
|
|
background-color: st-darken(st-darken(#fafafb, 8%), 9%); }
|
|
|
|
-.keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.a11y-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
|
|
+.keyboard-brightness-level .button:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.next-button, .default.login-dialog-button.a11y-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-auth-menu-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
|
|
.message .message-header .default.message-close-button, .message-notification-group .default.message-collapse-button, .calendar .calendar-month-header .default.pager-button, .button.default {
|
|
color: -st-accent-fg-color;
|
|
background-color: -st-accent-color; }
|
|
- .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.a11y-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
|
|
+ .keyboard-brightness-level .button:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.next-button:focus, .default.login-dialog-button.a11y-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-auth-menu-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
|
|
.message .message-header .default.message-close-button:focus, .message-notification-group .default.message-collapse-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
|
|
color: -st-accent-fg-color;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(st-darken(-st-accent-color, 20%), 0.2) !important;
|
|
background-color: st-mix(-st-accent-color, -st-accent-color, 5%); }
|
|
- .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.a11y-button:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
|
|
+ .keyboard-brightness-level .button:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.next-button:focus:hover, .default.login-dialog-button.a11y-button:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-auth-menu-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
|
|
.message .message-header .default.message-close-button:focus:hover, .message-notification-group .default.message-collapse-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
|
|
background-color: st-mix(-st-accent-color, st-darken(-st-accent-color, 4%), 5%); }
|
|
- .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.a11y-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
|
|
+ .keyboard-brightness-level .button:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.next-button:hover, .default.login-dialog-button.a11y-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-auth-menu-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
|
|
.message .message-header .default.message-close-button:hover, .message-notification-group .default.message-collapse-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
|
|
color: -st-accent-fg-color;
|
|
background-color: st-darken(-st-accent-color, 4%); }
|
|
- .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.a11y-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
|
|
+ .keyboard-brightness-level .button:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.next-button:insensitive, .default.login-dialog-button.a11y-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-auth-menu-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
|
|
.message .message-header .default.message-close-button:insensitive, .message-notification-group .default.message-collapse-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
|
|
color: st-transparentize(-st-accent-fg-color, 0.6);
|
|
background-color: st-lighten(-st-accent-color, 3%); }
|
|
- .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.a11y-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
|
|
+ .keyboard-brightness-level .button:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.next-button:active, .default.login-dialog-button.a11y-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-auth-menu-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
|
|
.message .message-header .default.message-close-button:active, .message-notification-group .default.message-collapse-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
|
|
color: -st-accent-fg-color;
|
|
background-color: st-darken(-st-accent-color, 9%); }
|
|
- .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.a11y-button:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
|
|
+ .keyboard-brightness-level .button:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.next-button:active:hover, .default.login-dialog-button.a11y-button:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-auth-menu-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
|
|
.message .message-header .default.message-close-button:active:hover, .message-notification-group .default.message-collapse-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
|
|
background-color: st-darken(st-darken(-st-accent-color, 9%), 4%); }
|
|
- .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.a11y-button:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
|
|
+ .keyboard-brightness-level .button:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.next-button:active:focus, .default.login-dialog-button.a11y-button:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-auth-menu-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
|
|
.message .message-header .default.message-close-button:active:focus, .message-notification-group .default.message-collapse-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
|
|
background-color: st-mix(-st-accent-color, st-darken(-st-accent-color, 9%), 5%); }
|
|
|
|
@@ -358,7 +361,7 @@ StEntry {
|
|
background-color: st-darken(st-darken(st-mix(#222226, #fafafb, 12%), 8%), 9%); }
|
|
.modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive {
|
|
color: st-transparentize(#222226, 0.6);
|
|
- background-color: st-lighten(st-mix(#222226, #fafafb, 12%), 3%); }
|
|
+ background-color: rgba(34, 34, 38, 0.1); }
|
|
|
|
.dash-label, .window-caption, .screenshot-ui-tooltip {
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
@@ -382,12 +385,13 @@ StEntry {
|
|
font-weight: 700;
|
|
font-size: 1.364em; }
|
|
|
|
-.login-dialog-auth-list-label, #LookingGlassDebugFlags .lg-debug-flags-header, #LookingGlassExtensions .lg-extensions-none, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label,
|
|
+.login-dialog-auth-list-title-label, #LookingGlassDebugFlags .lg-debug-flags-header, #LookingGlassExtensions .lg-extensions-none, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label,
|
|
.polkit-dialog-user-layout .polkit-dialog-user-root-label, .message-dialog-content .message-dialog-title.lightweight {
|
|
font-weight: 700;
|
|
font-size: 1.182em; }
|
|
|
|
-.login-dialog-not-listed-label, #LookingGlassExtensions .lg-extension .lg-extension-name, #LookingGlassWindows .lg-window .lg-window-name, #LookingGlassPropertyInspector .lg-obj-inspector-title, .background-app-item .title, .quick-toggle .quick-toggle-title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
|
|
+.login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels, .login-dialog-auth-list-item-first-line,
|
|
+.login-dialog-auth-list-item-second-line, .login-dialog-not-listed-label, #LookingGlassExtensions .lg-extension .lg-extension-name, #LookingGlassWindows .lg-window .lg-window-name, #LookingGlassPropertyInspector .lg-obj-inspector-title, .background-app-item .title, .quick-toggle .quick-toggle-title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
|
|
font-weight: 700;
|
|
font-size: 1em; }
|
|
|
|
@@ -405,7 +409,7 @@ StEntry {
|
|
font-weight: 400;
|
|
font-size: 0.818em; }
|
|
|
|
-#LookingGlassDebugFlags .lg-debug-flag-button StLabel, #LookingGlassEvaluator .evaluator-results, .lg-dialog .actor-link {
|
|
+.web-login-url-label, #LookingGlassDebugFlags .lg-debug-flag-button StLabel, #LookingGlassEvaluator .evaluator-results, .lg-dialog .actor-link {
|
|
font-family: monospace; }
|
|
|
|
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
|
|
@@ -523,34 +527,34 @@ StEntry {
|
|
.login-dialog .login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
|
|
color: rgba(250, 250, 251, 0.7); }
|
|
|
|
-.login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
|
|
+.login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button {
|
|
color: #fafafb;
|
|
background-color: st-mix(#fafafb, #2e2e33, 12%); }
|
|
- .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
|
|
+ .login-dialog-button.next-button:insensitive, .login-dialog-button.a11y-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-auth-menu-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
|
|
color: st-transparentize(#fafafb, 0.6);
|
|
background-color: st-lighten(st-mix(#fafafb, #2e2e33, 12%), 3%); }
|
|
- .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
|
|
+ .login-dialog-button.next-button:focus, .login-dialog-button.a11y-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-auth-menu-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
|
|
color: #fafafb;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
|
|
background-color: st-mix(-st-accent-color, st-mix(#fafafb, #2e2e33, 12%), 5%); }
|
|
- .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
|
|
+ .login-dialog-button.next-button:focus:hover, .login-dialog-button.a11y-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-auth-menu-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
|
|
background-color: st-mix(-st-accent-color, st-darken(st-mix(#fafafb, #2e2e33, 12%), 4%), 5%); }
|
|
- .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
|
|
+ .login-dialog-button.next-button:hover, .login-dialog-button.a11y-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-auth-menu-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
|
|
color: #fafafb;
|
|
background-color: st-darken(st-mix(#fafafb, #2e2e33, 12%), 4%); }
|
|
- .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
|
|
+ .login-dialog-button.next-button:active, .login-dialog-button.a11y-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-auth-menu-button:active, .login-dialog-button.login-dialog-session-list-button:active {
|
|
color: #fafafb;
|
|
background-color: st-darken(st-mix(#fafafb, #2e2e33, 12%), 9%); }
|
|
- .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
|
|
+ .login-dialog-button.next-button:active:hover, .login-dialog-button.a11y-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-auth-menu-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
|
|
background-color: st-darken(st-darken(st-mix(#fafafb, #2e2e33, 12%), 9%), 4%); }
|
|
- .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
|
|
+ .login-dialog-button.next-button:active:focus, .login-dialog-button.a11y-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-auth-menu-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
|
|
background-color: st-mix(-st-accent-color, st-darken(st-mix(#fafafb, #2e2e33, 12%), 9%), 5%); }
|
|
- .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
|
|
+ .login-dialog-button.next-button:checked, .login-dialog-button.a11y-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-auth-menu-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
|
|
color: #fafafb;
|
|
background-color: st-darken(st-mix(#fafafb, #2e2e33, 12%), 8%); }
|
|
- .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
|
|
+ .login-dialog-button.next-button:checked:hover, .login-dialog-button.a11y-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-auth-menu-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
|
|
background-color: st-darken(st-darken(st-mix(#fafafb, #2e2e33, 12%), 8%), 4%); }
|
|
- .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
|
|
+ .login-dialog-button.next-button:checked:active, .login-dialog-button.a11y-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-auth-menu-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
|
|
background-color: st-darken(st-darken(st-mix(#fafafb, #2e2e33, 12%), 8%), 9%); }
|
|
|
|
/* Lockscreen Elements */
|
|
@@ -566,10 +570,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button,
|
|
.message .message-header .unlock-dialog .message-close-button,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button,
|
|
+.unlock-dialog .login-dialog-button.next-button,
|
|
.unlock-dialog .login-dialog-button.a11y-button,
|
|
.unlock-dialog .login-dialog-button.cancel-button,
|
|
.unlock-dialog .login-dialog-button.switch-user-button,
|
|
-.unlock-dialog .login-dialog-button.login-dialog-session-list-button, .unlock-dialog .login-dialog-auth-list-item {
|
|
+.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
|
|
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button, .unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button, .unlock-dialog .login-dialog-auth-list-title, .unlock-dialog .login-dialog-auth-list-item {
|
|
color: #fafafb;
|
|
background-color: rgba(250, 250, 251, 0.1); }
|
|
.unlock-dialog-notifications-container .message StButton:focus,
|
|
@@ -584,10 +591,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:focus,
|
|
.message .message-header .unlock-dialog .message-close-button:focus,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:focus,
|
|
+ .unlock-dialog .login-dialog-button.next-button:focus,
|
|
.unlock-dialog .login-dialog-button.a11y-button:focus,
|
|
.unlock-dialog .login-dialog-button.cancel-button:focus,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:focus,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus, .unlock-dialog .login-dialog-auth-list-item:focus {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus, .unlock-dialog .web-login-intro-button:focus,
|
|
+ .unlock-dialog .web-login-prompt-button:focus, .unlock-dialog .login-dialog-auth-list-title:focus, .unlock-dialog .login-dialog-auth-list-item:focus {
|
|
color: #fafafb;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
|
|
background-color: st-mix(-st-accent-color, rgba(250, 250, 251, 0.1), 5%); }
|
|
@@ -603,10 +613,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:focus:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:focus:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:focus:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:focus:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover, .unlock-dialog .login-dialog-auth-list-item:focus:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:focus:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover, .unlock-dialog .web-login-intro-button:focus:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:focus:hover, .unlock-dialog .login-dialog-auth-list-title:focus:hover, .unlock-dialog .login-dialog-auth-list-item:focus:hover {
|
|
background-color: st-mix(-st-accent-color, rgba(250, 250, 251, 0.13), 5%); }
|
|
.unlock-dialog-notifications-container .message StButton:hover,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:hover, .unlock-dialog .button:hover,
|
|
@@ -620,10 +633,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover, .unlock-dialog .login-dialog-auth-list-item:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover, .unlock-dialog .web-login-intro-button:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:hover, .unlock-dialog .login-dialog-auth-list-title:hover, .unlock-dialog .login-dialog-auth-list-item:hover {
|
|
color: #fafafb;
|
|
background-color: rgba(250, 250, 251, 0.13); }
|
|
.unlock-dialog-notifications-container .message StButton:active,
|
|
@@ -638,10 +654,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:active,
|
|
.message .message-header .unlock-dialog .message-close-button:active,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:active,
|
|
+ .unlock-dialog .login-dialog-button.next-button:active,
|
|
.unlock-dialog .login-dialog-button.a11y-button:active,
|
|
.unlock-dialog .login-dialog-button.cancel-button:active,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:active,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active, .unlock-dialog .login-dialog-auth-list-item:active {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active, .unlock-dialog .web-login-intro-button:active,
|
|
+ .unlock-dialog .web-login-prompt-button:active, .unlock-dialog .login-dialog-auth-list-title:active, .unlock-dialog .login-dialog-auth-list-item:active {
|
|
color: #fafafb;
|
|
background-color: rgba(250, 250, 251, 0.16); }
|
|
.unlock-dialog-notifications-container .message StButton:active:hover,
|
|
@@ -656,10 +675,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:active:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:active:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:active:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:active:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:active:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .unlock-dialog .login-dialog-auth-list-item:active:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .unlock-dialog .web-login-intro-button:active:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:active:hover, .unlock-dialog .login-dialog-auth-list-title:active:hover, .unlock-dialog .login-dialog-auth-list-item:active:hover {
|
|
background-color: rgba(250, 250, 251, 0.19); }
|
|
.unlock-dialog-notifications-container .message StButton:active:focus,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:active:focus, .unlock-dialog .button:active:focus,
|
|
@@ -673,10 +695,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:active:focus,
|
|
.message .message-header .unlock-dialog .message-close-button:active:focus,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
|
|
+ .unlock-dialog .login-dialog-button.next-button:active:focus,
|
|
.unlock-dialog .login-dialog-button.a11y-button:active:focus,
|
|
.unlock-dialog .login-dialog-button.cancel-button:active:focus,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .unlock-dialog .login-dialog-auth-list-item:active:focus {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .unlock-dialog .web-login-intro-button:active:focus,
|
|
+ .unlock-dialog .web-login-prompt-button:active:focus, .unlock-dialog .login-dialog-auth-list-title:active:focus, .unlock-dialog .login-dialog-auth-list-item:active:focus {
|
|
background-color: st-mix(-st-accent-color, rgba(250, 250, 251, 0.16), 5%); }
|
|
.unlock-dialog-notifications-container .message StButton:checked,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:checked, .unlock-dialog .button:checked,
|
|
@@ -690,10 +715,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:checked,
|
|
.message .message-header .unlock-dialog .message-close-button:checked,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:checked,
|
|
+ .unlock-dialog .login-dialog-button.next-button:checked,
|
|
.unlock-dialog .login-dialog-button.a11y-button:checked,
|
|
.unlock-dialog .login-dialog-button.cancel-button:checked,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:checked,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked, .unlock-dialog .login-dialog-auth-list-item:checked {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked, .unlock-dialog .web-login-intro-button:checked,
|
|
+ .unlock-dialog .web-login-prompt-button:checked, .unlock-dialog .login-dialog-auth-list-title:checked, .unlock-dialog .login-dialog-auth-list-item:checked {
|
|
color: #fafafb;
|
|
background-color: st-darken(st-mix(#fafafb, #fafafb, 12%), 8%); }
|
|
.unlock-dialog-notifications-container .message StButton:checked:hover,
|
|
@@ -708,10 +736,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:checked:hover,
|
|
.message .message-header .unlock-dialog .message-close-button:checked:hover,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
|
|
+ .unlock-dialog .login-dialog-button.next-button:checked:hover,
|
|
.unlock-dialog .login-dialog-button.a11y-button:checked:hover,
|
|
.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover, .unlock-dialog .login-dialog-auth-list-item:checked:hover {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:hover,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover, .unlock-dialog .web-login-intro-button:checked:hover,
|
|
+ .unlock-dialog .web-login-prompt-button:checked:hover, .unlock-dialog .login-dialog-auth-list-title:checked:hover, .unlock-dialog .login-dialog-auth-list-item:checked:hover {
|
|
background-color: st-darken(st-darken(st-mix(#fafafb, #fafafb, 12%), 8%), 4%); }
|
|
.unlock-dialog-notifications-container .message StButton:checked:active,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:checked:active, .unlock-dialog .button:checked:active,
|
|
@@ -725,10 +756,13 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:checked:active,
|
|
.message .message-header .unlock-dialog .message-close-button:checked:active,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
|
|
+ .unlock-dialog .login-dialog-button.next-button:checked:active,
|
|
.unlock-dialog .login-dialog-button.a11y-button:checked:active,
|
|
.unlock-dialog .login-dialog-button.cancel-button:checked:active,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active, .unlock-dialog .login-dialog-auth-list-item:checked:active {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:checked:active,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active, .unlock-dialog .web-login-intro-button:checked:active,
|
|
+ .unlock-dialog .web-login-prompt-button:checked:active, .unlock-dialog .login-dialog-auth-list-title:checked:active, .unlock-dialog .login-dialog-auth-list-item:checked:active {
|
|
background-color: st-darken(st-darken(st-mix(#fafafb, #fafafb, 12%), 8%), 9%); }
|
|
.unlock-dialog-notifications-container .message StButton:insensitive,
|
|
.unlock-dialog-notifications-container .unlock-dialog-notification-source StButton:insensitive, .unlock-dialog .button:insensitive,
|
|
@@ -742,12 +776,15 @@ StEntry {
|
|
.unlock-dialog .message .message-header .message-close-button:insensitive,
|
|
.message .message-header .unlock-dialog .message-close-button:insensitive,
|
|
.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
|
|
+ .unlock-dialog .login-dialog-button.next-button:insensitive,
|
|
.unlock-dialog .login-dialog-button.a11y-button:insensitive,
|
|
.unlock-dialog .login-dialog-button.cancel-button:insensitive,
|
|
.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
|
|
- .unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive, .unlock-dialog .login-dialog-auth-list-item:insensitive {
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-auth-menu-button:insensitive,
|
|
+ .unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive, .unlock-dialog .web-login-intro-button:insensitive,
|
|
+ .unlock-dialog .web-login-prompt-button:insensitive, .unlock-dialog .login-dialog-auth-list-title:insensitive, .unlock-dialog .login-dialog-auth-list-item:insensitive {
|
|
color: st-transparentize(#fafafb, 0.6);
|
|
- background-color: st-lighten(st-mix(#fafafb, #fafafb, 12%), 3%); }
|
|
+ background-color: rgba(250, 250, 251, 0.1); }
|
|
|
|
.unlock-dialog .login-dialog-prompt-entry {
|
|
background-color: rgba(250, 250, 251, 0.1);
|
|
@@ -767,6 +804,7 @@ StEntry {
|
|
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
|
|
color: rgba(250, 250, 251, 0.7); }
|
|
|
|
+/* Login Dialog Elements */
|
|
/* WIDGETS */
|
|
.shell-link {
|
|
color: st-darken(-st-accent-color, 10%); }
|
|
@@ -790,18 +828,18 @@ StEntry StIcon.peek-password {
|
|
padding: 0 4px; }
|
|
|
|
StEntry StLabel.hint-text {
|
|
- margin-left: 2px; }
|
|
+ margin-left: 8px; }
|
|
|
|
/* Buttons */
|
|
.button {
|
|
min-height: 1.5em; }
|
|
|
|
-.icon-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
+.icon-button, .login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
|
|
.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .calendar .calendar-month-header .pager-button {
|
|
border-radius: 999px;
|
|
padding: 0.818em;
|
|
min-height: 1.091em; }
|
|
- .icon-button StIcon, .login-dialog-button.a11y-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
|
|
+ .icon-button StIcon, .login-dialog-button.next-button StIcon, .login-dialog-button.a11y-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-auth-menu-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
|
|
.message .message-header .message-close-button StIcon, .message-notification-group .message-collapse-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
|
|
icon-size: 1.091em;
|
|
-st-icon-style: symbolic; }
|
|
@@ -1837,6 +1875,9 @@ StScrollBar {
|
|
min-width: 0.5455em;
|
|
min-height: 0.5455em;
|
|
background-color: #222226; }
|
|
+ #panel .panel-button#panelActivities .activities-logo {
|
|
+ icon-size: 1.36375em;
|
|
+ padding: 0 6px; }
|
|
#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
|
|
spacing: 0.409em; }
|
|
#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
|
|
@@ -2038,7 +2079,7 @@ StScrollBar {
|
|
.quick-settings {
|
|
padding: 18px;
|
|
border-radius: 36px; }
|
|
- .quick-settings .icon-button, .quick-settings .login-dialog-button.a11y-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
|
|
+ .quick-settings .icon-button, .quick-settings .login-dialog-button.next-button, .quick-settings .login-dialog-button.a11y-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-auth-menu-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
|
|
.quick-settings .message .message-header .message-close-button,
|
|
.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
|
|
padding: 10.5px; }
|
|
@@ -2146,7 +2187,7 @@ StScrollBar {
|
|
.quick-slider > StBoxLayout {
|
|
spacing: 6px; }
|
|
|
|
-.quick-slider .icon-button, .quick-slider .login-dialog-button.a11y-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
|
|
+.quick-slider .icon-button, .quick-slider .login-dialog-button.next-button, .quick-slider .login-dialog-button.a11y-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-auth-menu-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
|
|
.quick-slider .message .message-header .message-close-button,
|
|
.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
|
|
padding: 6px; }
|
|
@@ -2220,16 +2261,16 @@ StScrollBar {
|
|
icon-size: 32px !important;
|
|
-st-icon-style: regular !important; }
|
|
|
|
-.background-app-item .icon-button, .background-app-item .login-dialog-button.a11y-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
|
|
+.background-app-item .icon-button, .background-app-item .login-dialog-button.next-button, .background-app-item .login-dialog-button.a11y-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-auth-menu-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
|
|
.background-app-item .message .message-header .message-close-button,
|
|
.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
|
|
padding: 6px;
|
|
background-color: rgba(34, 34, 38, 0.13); }
|
|
- .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.a11y-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
|
|
+ .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.next-button:hover, .background-app-item .login-dialog-button.a11y-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message-notification-group .message-collapse-button:hover, .message-notification-group .background-app-item .message-collapse-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
|
|
.background-app-item .message .message-header .message-close-button:hover,
|
|
.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
|
|
background-color: rgba(34, 34, 38, 0.22); }
|
|
- .background-app-item .icon-button:active, .background-app-item .login-dialog-button.a11y-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
|
|
+ .background-app-item .icon-button:active, .background-app-item .login-dialog-button.next-button:active, .background-app-item .login-dialog-button.a11y-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-auth-menu-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message-notification-group .message-collapse-button:active, .message-notification-group .background-app-item .message-collapse-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
|
|
.background-app-item .message .message-header .message-close-button:active,
|
|
.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
|
|
background-color: rgba(34, 34, 38, 0.31); }
|
|
@@ -2561,26 +2602,26 @@ StScrollBar {
|
|
padding-bottom: 0; }
|
|
.app-folder-dialog .folder-name-container .folder-name-entry {
|
|
width: 12em; }
|
|
- .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.a11y-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
|
|
+ .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.next-button, .app-folder-dialog .login-dialog-button.a11y-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
|
|
.app-folder-dialog .message .message-header .message-close-button,
|
|
.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
|
|
color: #fafafb;
|
|
background-color: st-mix(#fafafb, #38383b, 12%); }
|
|
- .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.a11y-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
|
|
+ .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.next-button:hover, .app-folder-dialog .login-dialog-button.a11y-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
|
|
.app-folder-dialog .message .message-header .message-close-button:hover,
|
|
.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
|
|
color: #fafafb;
|
|
background-color: st-lighten(st-mix(#fafafb, #38383b, 12%), 4%); }
|
|
- .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.a11y-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
|
|
+ .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.next-button:active, .app-folder-dialog .login-dialog-button.a11y-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
|
|
.app-folder-dialog .message .message-header .message-close-button:active,
|
|
.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
|
|
color: #fafafb;
|
|
background-color: st-lighten(st-mix(#fafafb, #38383b, 12%), 9%); }
|
|
- .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.a11y-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
|
|
+ .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.next-button:active:hover, .app-folder-dialog .login-dialog-button.a11y-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message-notification-group .message-collapse-button:active:hover, .message-notification-group .app-folder-dialog .message-collapse-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
|
|
.app-folder-dialog .message .message-header .message-close-button:active:hover,
|
|
.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
|
|
background-color: st-lighten(st-lighten(st-mix(#fafafb, #38383b, 12%), 9%), 4%); }
|
|
- .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.a11y-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
|
|
+ .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.next-button:active:focus, .app-folder-dialog .login-dialog-button.a11y-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-auth-menu-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message-notification-group .message-collapse-button:active:focus, .message-notification-group .app-folder-dialog .message-collapse-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
|
|
.app-folder-dialog .message .message-header .message-close-button:active:focus,
|
|
.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
|
|
background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #38383b, 12%), 9%), 5%); }
|
|
@@ -3045,19 +3086,62 @@ StScrollBar {
|
|
.unlock-dialog .login-dialog-prompt-layout {
|
|
width: 25em;
|
|
spacing: 9px; }
|
|
+ .login-dialog .login-dialog-prompt-layout.web-login-active,
|
|
+ .unlock-dialog .login-dialog-prompt-layout.web-login-active {
|
|
+ width: 37.5em; }
|
|
+ .login-dialog .login-dialog-prompt-entry-area,
|
|
+ .unlock-dialog .login-dialog-prompt-entry-area {
|
|
+ margin: 0.5em 20px; }
|
|
+ .login-dialog .login-dialog-prompt-entry,
|
|
+ .unlock-dialog .login-dialog-prompt-entry {
|
|
+ border-radius: 12px;
|
|
+ padding-right: 3em; }
|
|
+ .login-dialog .login-dialog-default-button-well,
|
|
+ .unlock-dialog .login-dialog-default-button-well {
|
|
+ margin-right: 1em; }
|
|
|
|
.login-dialog-bottom-button-group {
|
|
padding: 32px;
|
|
spacing: 16px; }
|
|
|
|
-.login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
|
|
+.login-dialog-button.next-button, .login-dialog-button.a11y-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button {
|
|
padding: 1.091em; }
|
|
|
|
+.login-dialog-button.next-button {
|
|
+ background-color: transparent !important;
|
|
+ padding: 0; }
|
|
+
|
|
.login-dialog-button.cancel-button {
|
|
- padding: 9px; }
|
|
+ padding: 12px; }
|
|
+
|
|
+.login-dialog-auth-menu-button-popup {
|
|
+ padding: 18px;
|
|
+ margin-right: 12px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-header {
|
|
+ font-size: 0.909em;
|
|
+ text-align: center;
|
|
+ font-weight: bold;
|
|
+ padding-top: 18px;
|
|
+ padding-bottom: 6px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-header:first-child {
|
|
+ padding-top: 6px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-indicator {
|
|
+ spacing: 3px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-indicator .login-dialog-auth-menu-item-indicator-name {
|
|
+ font-size: 1.159em;
|
|
+ font-weight: bold; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-indicator .login-dialog-auth-menu-item-indicator-description {
|
|
+ font-size: 0.977em; }
|
|
+
|
|
+.login-dialog-auth-menu-button-indicator {
|
|
+ background-color: transparent !important; }
|
|
+ .login-dialog-auth-menu-button-indicator .login-dialog-auth-menu-button-indicator-icons {
|
|
+ spacing: 18px; }
|
|
+ .login-dialog-auth-menu-button-indicator .login-dialog-auth-menu-button-indicator-icons .login-dialog-auth-menu-button-indicator-icon {
|
|
+ icon-size: 2em; }
|
|
|
|
.login-dialog-button-box {
|
|
- spacing: 12px; }
|
|
+ height: 4em; }
|
|
|
|
.conflicting-session-dialog-content {
|
|
spacing: 20px; }
|
|
@@ -3119,49 +3203,103 @@ StScrollBar {
|
|
background-color: st-mix(-st-accent-color, st-lighten(#222226, 9%), 5%); }
|
|
|
|
.login-dialog-auth-list-view {
|
|
- -st-vfade-offset: 3em; }
|
|
+ -st-vfade-offset: 3em;
|
|
+ max-height: 13em; }
|
|
|
|
.login-dialog-auth-list {
|
|
- spacing: 6px;
|
|
- margin-left: 2em; }
|
|
-
|
|
-.login-dialog-auth-list-title {
|
|
- margin-left: 2em;
|
|
- padding-bottom: 6px; }
|
|
+ spacing: 9px; }
|
|
|
|
+.login-dialog .login-dialog-auth-list-title,
|
|
.login-dialog .login-dialog-auth-list-item {
|
|
color: #fafafb;
|
|
- background-color: st-mix(#fafafb, #222226, 12%);
|
|
- border-radius: 9.6px;
|
|
- padding: 7.2px; }
|
|
- .login-dialog .login-dialog-auth-list-item:selected, .login-dialog .login-dialog-auth-list-item:focus {
|
|
+ background-color: #ffffff;
|
|
+ border-radius: 12px; }
|
|
+ .login-dialog .login-dialog-auth-list-title:selected, .login-dialog .login-dialog-auth-list-title:focus,
|
|
+ .login-dialog .login-dialog-auth-list-item:selected,
|
|
+ .login-dialog .login-dialog-auth-list-item:focus {
|
|
color: #fafafb;
|
|
box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
|
|
- background-color: st-mix(-st-accent-color, st-mix(#fafafb, #222226, 12%), 5%); }
|
|
- .login-dialog .login-dialog-auth-list-item:selected:hover, .login-dialog .login-dialog-auth-list-item:focus:hover {
|
|
- background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 4%), 5%); }
|
|
+ background-color: st-mix(-st-accent-color, #ffffff, 5%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:selected:hover, .login-dialog .login-dialog-auth-list-title:focus:hover,
|
|
+ .login-dialog .login-dialog-auth-list-item:selected:hover,
|
|
+ .login-dialog .login-dialog-auth-list-item:focus:hover {
|
|
+ background-color: st-mix(-st-accent-color, st-lighten(#ffffff, 4%), 5%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:hover,
|
|
.login-dialog .login-dialog-auth-list-item:hover {
|
|
color: #fafafb;
|
|
- background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 4%); }
|
|
+ background-color: st-lighten(#ffffff, 4%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:active,
|
|
.login-dialog .login-dialog-auth-list-item:active {
|
|
color: #fafafb;
|
|
- background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 9%); }
|
|
+ background-color: st-lighten(#ffffff, 9%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:active:hover,
|
|
.login-dialog .login-dialog-auth-list-item:active:hover {
|
|
- background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 4%); }
|
|
+ background-color: st-lighten(st-lighten(#ffffff, 9%), 4%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:active:focus,
|
|
.login-dialog .login-dialog-auth-list-item:active:focus {
|
|
- background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 5%); }
|
|
+ background-color: st-mix(-st-accent-color, st-lighten(#ffffff, 9%), 5%); }
|
|
+ .login-dialog .login-dialog-auth-list-title:insensitive,
|
|
+ .login-dialog .login-dialog-auth-list-item:insensitive {
|
|
+ color: st-transparentize(#fafafb, 0.6);
|
|
+ background-color: st-darken(#ffffff, 3%); }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-title {
|
|
+ background-color: rgba(250, 250, 251, 0.02) !important;
|
|
+ color: #fafafb !important;
|
|
+ margin: 0.5em 20px; }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-item {
|
|
+ min-height: 3em;
|
|
+ padding: 9px;
|
|
+ margin: 0 20px;
|
|
+ margin-bottom: 4px; }
|
|
|
|
.unlock-dialog .login-dialog-auth-list-item {
|
|
- border-radius: 9.6px;
|
|
- padding: 7.2px; }
|
|
+ border-radius: 12px;
|
|
+ min-height: 3em;
|
|
+ padding: 9px;
|
|
+ margin: 0 20px;
|
|
+ margin-bottom: 4px; }
|
|
+
|
|
+.unlock-dialog .login-dialog-auth-list-title {
|
|
+ background-color: transparent !important;
|
|
+ color: #fafafb !important;
|
|
+ padding: 0;
|
|
+ margin: 0; }
|
|
+
|
|
+.login-dialog-auth-list-title-label {
|
|
+ padding: 6px;
|
|
+ text-align: center; }
|
|
+
|
|
+.login-dialog-auth-list-item-first-line,
|
|
+.login-dialog-auth-list-item-second-line {
|
|
+ text-align: center;
|
|
+ padding: 1.8px 0; }
|
|
+
|
|
+.login-dialog-auth-list-item-first-line {
|
|
+ color: #fafafb; }
|
|
|
|
-.login-dialog-auth-list-label:ltr {
|
|
- padding-left: 15px;
|
|
- text-align: left; }
|
|
+.login-dialog-auth-list-item-second-line {
|
|
+ color: #c1c1ce;
|
|
+ font-weight: 500; }
|
|
|
|
-.login-dialog-auth-list-label:rtl {
|
|
- padding-right: 15px;
|
|
- text-align: right; }
|
|
+.login-dialog-auth-list-item-icon {
|
|
+ width: 1.3em;
|
|
+ height: 1.3em;
|
|
+ color: #fafafb;
|
|
+ padding: 4.2px 6px;
|
|
+ border-radius: 8px; }
|
|
+ .login-dialog-auth-list-item-icon:hover {
|
|
+ background-color: #2e2e33; }
|
|
+
|
|
+.login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels {
|
|
+ spacing: 3px;
|
|
+ text-align: center; }
|
|
+ .login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels > :first-child {
|
|
+ color: black;
|
|
+ font-weight: 500; }
|
|
+ .login-dialog-auth-list-item-popup-box .login-dialog-auth-list-item-popup-labels > :last-child {
|
|
+ color: #222226; }
|
|
|
|
.login-dialog-user-list-view {
|
|
width: 25em;
|
|
@@ -3190,6 +3328,9 @@ StScrollBar {
|
|
background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 4%); }
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
|
|
background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 5%); }
|
|
+ .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:insensitive {
|
|
+ color: st-transparentize(#fafafb, 0.6);
|
|
+ background-color: st-darken(st-mix(#fafafb, #222226, 12%), 3%); }
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
|
|
border: 2px solid transparent; }
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
|
|
@@ -3201,6 +3342,102 @@ StScrollBar {
|
|
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
|
|
background-color: st-transparentize(-st-accent-color, 0.7); }
|
|
|
|
+.web-login-spinner {
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
+ border: 5px rgba(0, 0, 0, 0);
|
|
+ border-radius: 50px; }
|
|
+
|
|
+.web-login-title-label {
|
|
+ font-size: 1em;
|
|
+ color: #a5a5b7;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-url-label {
|
|
+ font-size: 1em;
|
|
+ color: #fafafb;
|
|
+ text-align: center; }
|
|
+ .web-login-url-label.web-login-url-label-long {
|
|
+ font-size: 0.818em; }
|
|
+
|
|
+.web-login-code-title-label {
|
|
+ font-size: 1em;
|
|
+ color: #fafafb;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-code-label {
|
|
+ font-size: 1em;
|
|
+ color: #fafafb;
|
|
+ font-weight: bold;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-prompt {
|
|
+ padding-top: 6px;
|
|
+ padding-bottom: 6px;
|
|
+ padding-left: 27px;
|
|
+ padding-right: 27px;
|
|
+ spacing: 1.75em; }
|
|
+
|
|
+.web-login-button-label {
|
|
+ font-size: 1.182em;
|
|
+ color: #fafafb;
|
|
+ min-width: 12em;
|
|
+ text-align: center;
|
|
+ font-weight: bold; }
|
|
+
|
|
+.login-dialog .web-login-intro-button,
|
|
+.login-dialog .web-login-prompt-button {
|
|
+ color: #fafafb;
|
|
+ background-color: st-mix(#fafafb, #222226, 12%);
|
|
+ border-radius: 32px; }
|
|
+ .login-dialog .web-login-intro-button:selected, .login-dialog .web-login-intro-button:focus,
|
|
+ .login-dialog .web-login-prompt-button:selected,
|
|
+ .login-dialog .web-login-prompt-button:focus {
|
|
+ color: #fafafb;
|
|
+ box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.2) !important;
|
|
+ background-color: st-mix(-st-accent-color, st-mix(#fafafb, #222226, 12%), 5%); }
|
|
+ .login-dialog .web-login-intro-button:selected:hover, .login-dialog .web-login-intro-button:focus:hover,
|
|
+ .login-dialog .web-login-prompt-button:selected:hover,
|
|
+ .login-dialog .web-login-prompt-button:focus:hover {
|
|
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 4%), 5%); }
|
|
+ .login-dialog .web-login-intro-button:hover,
|
|
+ .login-dialog .web-login-prompt-button:hover {
|
|
+ color: #fafafb;
|
|
+ background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 4%); }
|
|
+ .login-dialog .web-login-intro-button:active,
|
|
+ .login-dialog .web-login-prompt-button:active {
|
|
+ color: #fafafb;
|
|
+ background-color: st-lighten(st-mix(#fafafb, #222226, 12%), 9%); }
|
|
+ .login-dialog .web-login-intro-button:active:hover,
|
|
+ .login-dialog .web-login-prompt-button:active:hover {
|
|
+ background-color: st-lighten(st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 4%); }
|
|
+ .login-dialog .web-login-intro-button:active:focus,
|
|
+ .login-dialog .web-login-prompt-button:active:focus {
|
|
+ background-color: st-mix(-st-accent-color, st-lighten(st-mix(#fafafb, #222226, 12%), 9%), 5%); }
|
|
+ .login-dialog .web-login-intro-button:insensitive,
|
|
+ .login-dialog .web-login-prompt-button:insensitive {
|
|
+ color: st-transparentize(#fafafb, 0.6);
|
|
+ background-color: st-darken(st-mix(#fafafb, #222226, 12%), 3%); }
|
|
+
|
|
+.login-dialog .web-login-intro-button {
|
|
+ padding: 0; }
|
|
+
|
|
+.login-dialog .web-login-prompt-button {
|
|
+ padding: 15px 24px;
|
|
+ margin: 24px 8px;
|
|
+ width: 8em; }
|
|
+
|
|
+.unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button {
|
|
+ border-radius: 32px; }
|
|
+
|
|
+.unlock-dialog .web-login-intro-button {
|
|
+ padding: 0; }
|
|
+
|
|
+.unlock-dialog .web-login-prompt-button {
|
|
+ padding: 15px 24px;
|
|
+ margin: 24px 8px;
|
|
+ width: 8em; }
|
|
+
|
|
.unlock-dialog {
|
|
background-color: transparent; }
|
|
|
|
@@ -3309,3 +3546,10 @@ StScrollBar {
|
|
.login-dialog .user-widget.vertical .user-icon StIcon,
|
|
.unlock-dialog .user-widget.vertical .user-icon StIcon {
|
|
padding: 30px; }
|
|
+
|
|
+.qr-code {
|
|
+ border-radius: 4px;
|
|
+ border-width: 1em;
|
|
+ background-color: #e9e9ea;
|
|
+ border-color: #e9e9ea;
|
|
+ color: #222226; }
|
|
--
|
|
2.51.1
|
|
|