727 lines
32 KiB
Diff
727 lines
32 KiB
Diff
From 678cdd9e0da851da78527fa827d71a80273510b0 Mon Sep 17 00:00:00 2001
|
|
From: =?UTF-8?q?Florian=20M=C3=BCllner?= <fmuellner@redhat.com>
|
|
Date: Tue, 8 Feb 2022 14:18:04 -0500
|
|
|
|
---
|
|
data/theme/gnome-shell-high-contrast.css | 268 ++++++++++++++++++++++-
|
|
data/theme/gnome-shell.css | 268 ++++++++++++++++++++++-
|
|
2 files changed, 524 insertions(+), 12 deletions(-)
|
|
|
|
diff --git a/data/theme/gnome-shell-high-contrast.css b/data/theme/gnome-shell-high-contrast.css
|
|
index b73f407..585d6c4 100644
|
|
--- a/data/theme/gnome-shell-high-contrast.css
|
|
+++ b/data/theme/gnome-shell-high-contrast.css
|
|
@@ -173,7 +173,7 @@ StEntry {
|
|
icon-size: 1.09em;
|
|
padding: 0 4px; }
|
|
StEntry StLabel.hint-text {
|
|
- margin-left: 2px;
|
|
+ margin-left: 8px;
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
|
|
/* Buttons */
|
|
@@ -1237,9 +1237,9 @@ StScrollBar {
|
|
border-radius: 99px; }
|
|
#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
|
|
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
|
|
- #panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
|
|
+ #panel .panel-button:hover.clock-display, #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
|
|
box-shadow: none; }
|
|
- #panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
|
|
+ #panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
|
|
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
|
|
#panel .panel-button .system-status-icon {
|
|
icon-size: 1.09em;
|
|
@@ -1250,13 +1250,16 @@ StScrollBar {
|
|
margin: 0; }
|
|
#panel .panel-button .app-menu-icon {
|
|
-st-icon-style: symbolic; }
|
|
- #panel #panelActivities.panel-button {
|
|
+ #panel .panel-button .panel-logo-icon {
|
|
+ padding-right: .4em;
|
|
+ icon-size: 1em; }
|
|
+ #panel .panel-button#panelActivities {
|
|
-natural-hpadding: 18px; }
|
|
#panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked {
|
|
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
|
|
- #panel.unlock-screen .panel-button.clock-display:hover, #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:overview, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:overview, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:overview, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked {
|
|
+ #panel.unlock-screen .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:hover.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display {
|
|
box-shadow: none; }
|
|
- #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:overview .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:overview .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:overview .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock {
|
|
+ #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
|
|
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
|
|
#panel .panel-status-indicators-box,
|
|
#panel .panel-status-menu-box {
|
|
@@ -1943,6 +1946,13 @@ StScrollBar {
|
|
border-radius: 8px;
|
|
padding: 6px; }
|
|
|
|
+.qr-code {
|
|
+ border-radius: 4px;
|
|
+ border-width: 1em;
|
|
+ background-color: #eeeeec;
|
|
+ border-color: #eeeeec;
|
|
+ color: #282828; }
|
|
+
|
|
/* Login Dialog */
|
|
.login-dialog-banner-view {
|
|
padding-top: 24px;
|
|
@@ -2028,11 +2038,15 @@ StScrollBar {
|
|
border-color: #184472;
|
|
background-color: #184472;
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
+ .login-dialog .next-button,
|
|
.login-dialog .cancel-button,
|
|
.login-dialog .switch-user-button,
|
|
+ .login-dialog .login-dialog-auth-menu-button,
|
|
.login-dialog .login-dialog-session-list-button,
|
|
+ .unlock-dialog .next-button,
|
|
.unlock-dialog .cancel-button,
|
|
.unlock-dialog .switch-user-button,
|
|
+ .unlock-dialog .login-dialog-auth-menu-button,
|
|
.unlock-dialog .login-dialog-session-list-button {
|
|
padding: 0;
|
|
border-radius: 99px;
|
|
@@ -2040,18 +2054,51 @@ StScrollBar {
|
|
height: 2.18em;
|
|
border-color: #202020;
|
|
background-color: #202020; }
|
|
+ .login-dialog .next-button StIcon,
|
|
.login-dialog .cancel-button StIcon,
|
|
.login-dialog .switch-user-button StIcon,
|
|
+ .login-dialog .login-dialog-auth-menu-button StIcon,
|
|
.login-dialog .login-dialog-session-list-button StIcon,
|
|
+ .unlock-dialog .next-button StIcon,
|
|
.unlock-dialog .cancel-button StIcon,
|
|
.unlock-dialog .switch-user-button StIcon,
|
|
+ .unlock-dialog .login-dialog-auth-menu-button StIcon,
|
|
.unlock-dialog .login-dialog-session-list-button StIcon {
|
|
icon-size: 1.09em; }
|
|
+ .login-dialog .next-button,
|
|
+ .unlock-dialog .next-button {
|
|
+ background-color: transparent !important; }
|
|
+ .login-dialog .switch-user-button,
|
|
+ .unlock-dialog .switch-user-button {
|
|
+ min-width: 8.5em;
|
|
+ min-height: 2.5em;
|
|
+ font-size: 10pt;
|
|
+ font-weight: bold; }
|
|
.login-dialog .caps-lock-warning-label,
|
|
.login-dialog .login-dialog-message-warning,
|
|
.unlock-dialog .caps-lock-warning-label,
|
|
.unlock-dialog .login-dialog-message-warning {
|
|
color: #eeeeec; }
|
|
+ .login-dialog .login-dialog-prompt-layout.web-login-active,
|
|
+ .unlock-dialog .login-dialog-prompt-layout.web-login-active {
|
|
+ width: 34.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: 2.5em; }
|
|
+ .login-dialog .login-dialog-default-button-well,
|
|
+ .unlock-dialog .login-dialog-default-button-well {
|
|
+ margin-right: 0.4em; }
|
|
+
|
|
+.login-dialog-auth-menu-button-indicator-description {
|
|
+ color: #eeeeec; }
|
|
+
|
|
+.login-dialog-bottom-button-group {
|
|
+ padding: 32px;
|
|
+ spacing: 16px; }
|
|
|
|
.login-dialog-logo-bin {
|
|
padding: 24px 0px; }
|
|
@@ -2066,6 +2113,10 @@ StScrollBar {
|
|
.login-dialog-message {
|
|
text-align: center; }
|
|
|
|
+.login-dialog-message-hint, .login-dialog-message {
|
|
+ color: #bebeb6;
|
|
+ min-height: 2.75em; }
|
|
+
|
|
.login-dialog-user-selection-box {
|
|
padding: 100px 0px; }
|
|
|
|
@@ -2080,6 +2131,140 @@ StScrollBar {
|
|
color: #a6a69b;
|
|
padding-top: 1em; }
|
|
|
|
+.login-dialog-auth-menu-button-popup {
|
|
+ padding: 18px;
|
|
+ margin-right: 12px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-section {
|
|
+ padding-top: 6px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-section:first-child {
|
|
+ padding-top: 0; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-section-label {
|
|
+ font-size: 10pt;
|
|
+ font-weight: bold;
|
|
+ color: #eeeeec; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-icon {
|
|
+ color: #eeeeec;
|
|
+ icon-size: 1.09em;
|
|
+ margin-right: 8px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-box {
|
|
+ spacing: 3px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-box-name {
|
|
+ color: #eeeeec;
|
|
+ font-size: 11pt;
|
|
+ font-weight: bold; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-box-description {
|
|
+ color: #eeeeec;
|
|
+ font-size: 10pt; }
|
|
+
|
|
+.login-dialog-auth-menu-button-indicator {
|
|
+ background-color: transparent !important;
|
|
+ border-width: 0;
|
|
+ margin-bottom: 32px;
|
|
+ margin-left: 32px; }
|
|
+ .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-auth-menu-button-indicator .login-dialog-auth-menu-button-indicator-description {
|
|
+ font-size: 11pt;
|
|
+ margin-left: 12px;
|
|
+ min-width: 20em; }
|
|
+
|
|
+.login-dialog-button-box {
|
|
+ height: 4em; }
|
|
+
|
|
+.login-dialog-auth-list-view {
|
|
+ -st-vfade-offset: 1em;
|
|
+ max-height: 13em; }
|
|
+
|
|
+.login-dialog-auth-list {
|
|
+ spacing: 9px;
|
|
+ width: 23em;
|
|
+ margin-left: 20px; }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-title,
|
|
+.login-dialog .login-dialog-auth-list-item {
|
|
+ border-radius: 12px;
|
|
+ color: #a6a69b; }
|
|
+ .login-dialog .login-dialog-auth-list-title:focus, .login-dialog .login-dialog-auth-list-title:selected,
|
|
+ .login-dialog .login-dialog-auth-list-item:focus,
|
|
+ .login-dialog .login-dialog-auth-list-item:selected {
|
|
+ background-color: #215d9c;
|
|
+ color: #ffffff; }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-title {
|
|
+ background-color: rgba(238, 238, 236, 0.03) !important;
|
|
+ color: #eeeeec !important;
|
|
+ padding: 6px;
|
|
+ margin: 0.5em 20px; }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-item {
|
|
+ min-height: 3em;
|
|
+ padding: 9px;
|
|
+ margin-bottom: 4px;
|
|
+ background-color: rgba(238, 238, 236, 0.06); }
|
|
+
|
|
+.unlock-dialog .login-dialog-auth-list-item {
|
|
+ border: none;
|
|
+ color: #eeeeec;
|
|
+ background-color: rgba(238, 238, 236, 0.06);
|
|
+ border-radius: 12px;
|
|
+ min-height: 3em;
|
|
+ padding: 9px;
|
|
+ margin-bottom: 4px; }
|
|
+ .unlock-dialog .login-dialog-auth-list-item:hover, .unlock-dialog .login-dialog-auth-list-item:focus, .unlock-dialog .login-dialog-auth-list-item:selected {
|
|
+ background-color: rgba(238, 238, 236, 0.16); }
|
|
+ .unlock-dialog .login-dialog-auth-list-item:active {
|
|
+ background-color: rgba(238, 238, 236, 0.22); }
|
|
+
|
|
+.unlock-dialog .login-dialog-auth-list-title {
|
|
+ background-color: transparent !important;
|
|
+ border: none;
|
|
+ color: #eeeeec !important;
|
|
+ padding: 6px; }
|
|
+
|
|
+.login-dialog-auth-list-title-label {
|
|
+ font-size: 13pt;
|
|
+ font-weight: bold;
|
|
+ padding: 6px;
|
|
+ text-align: center; }
|
|
+
|
|
+.login-dialog-auth-list-item-title,
|
|
+.login-dialog-auth-list-item-subtitle {
|
|
+ font-size: 11pt;
|
|
+ text-align: center;
|
|
+ padding: 1.8px 0; }
|
|
+
|
|
+.login-dialog-auth-list-item-title {
|
|
+ color: #eeeeec;
|
|
+ font-weight: bold; }
|
|
+
|
|
+.login-dialog-auth-list-item-subtitle {
|
|
+ color: #bebeb6;
|
|
+ font-weight: 500; }
|
|
+
|
|
+.login-dialog-item-icon {
|
|
+ width: 1.3em;
|
|
+ height: 1.3em;
|
|
+ color: #eeeeec;
|
|
+ padding: 4.2px 6px;
|
|
+ border-radius: 8px; }
|
|
+ .login-dialog-item-icon:hover {
|
|
+ background-color: #282828; }
|
|
+ .login-dialog-item-icon-popup.popup-menu {
|
|
+ min-width: 0; }
|
|
+ .login-dialog-item-icon-popup-box {
|
|
+ padding: 6px 0; }
|
|
+ .login-dialog-item-icon-popup-box .login-dialog-item-icon-popup-labels {
|
|
+ spacing: 3px;
|
|
+ font-weight: bold;
|
|
+ text-align: center; }
|
|
+ .login-dialog-item-icon-popup-box .login-dialog-item-icon-popup-labels > :first-child {
|
|
+ color: #b3b3b3;
|
|
+ font-weight: 500; }
|
|
+ .login-dialog-item-icon-popup-box .login-dialog-item-icon-popup-labels > :last-child {
|
|
+ color: #fff; }
|
|
+
|
|
.login-dialog-user-list-view {
|
|
-st-vfade-offset: 1em; }
|
|
|
|
@@ -2145,6 +2330,77 @@ StScrollBar {
|
|
font-size: 12pt;
|
|
padding-top: 1em; }
|
|
|
|
+.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: 11pt;
|
|
+ color: #a6a69b;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-url-label {
|
|
+ font-size: 11pt;
|
|
+ font-family: monospace;
|
|
+ color: #eeeeec;
|
|
+ text-align: center; }
|
|
+ .web-login-url-label.web-login-url-label-long {
|
|
+ font-size: 9pt; }
|
|
+
|
|
+.web-login-code-title-label {
|
|
+ font-size: 11pt;
|
|
+ color: #eeeeec;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-code-label {
|
|
+ font-size: 11pt;
|
|
+ color: #eeeeec;
|
|
+ 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: 13pt;
|
|
+ color: #eeeeec;
|
|
+ min-width: 12em;
|
|
+ text-align: center;
|
|
+ font-weight: bold;
|
|
+ padding-bottom: 0.1em; }
|
|
+
|
|
+.login-dialog .web-login-intro-button,
|
|
+.login-dialog .web-login-prompt-button,
|
|
+.unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button {
|
|
+ border-radius: 32px !important;
|
|
+ padding: 9px 18px;
|
|
+ background-color: rgba(238, 238, 236, 0.06); }
|
|
+
|
|
+.login-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-intro-button {
|
|
+ width: 10em; }
|
|
+
|
|
+.login-dialog .web-login-prompt-button,
|
|
+.unlock-dialog .web-login-prompt-button {
|
|
+ width: 7em;
|
|
+ margin: 24px 8px; }
|
|
+
|
|
+.login-dialog .web-login-intro-button:hover, .login-dialog .web-login-intro-button:focus,
|
|
+.login-dialog .web-login-prompt-button:hover,
|
|
+.login-dialog .web-login-prompt-button:focus {
|
|
+ background-color: #215d9c; }
|
|
+
|
|
+.unlock-dialog .web-login-intro-button:hover, .unlock-dialog .web-login-intro-button:focus,
|
|
+.unlock-dialog .web-login-prompt-button:hover,
|
|
+.unlock-dialog .web-login-prompt-button:focus {
|
|
+ background-color: rgba(238, 238, 236, 0.16); }
|
|
+
|
|
/* Screen Shield */
|
|
.unlock-dialog-clock {
|
|
color: white;
|
|
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
|
|
index f93819b..ff0c587 100644
|
|
--- a/data/theme/gnome-shell.css
|
|
+++ b/data/theme/gnome-shell.css
|
|
@@ -173,7 +173,7 @@ StEntry {
|
|
icon-size: 1.09em;
|
|
padding: 0 4px; }
|
|
StEntry StLabel.hint-text {
|
|
- margin-left: 2px;
|
|
+ margin-left: 8px;
|
|
color: rgba(238, 238, 236, 0.7); }
|
|
|
|
/* Buttons */
|
|
@@ -1237,9 +1237,9 @@ StScrollBar {
|
|
border-radius: 99px; }
|
|
#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
|
|
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
|
|
- #panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
|
|
+ #panel .panel-button:hover.clock-display, #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
|
|
box-shadow: none; }
|
|
- #panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
|
|
+ #panel .panel-button:hover.clock-display .clock, #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
|
|
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
|
|
#panel .panel-button .system-status-icon {
|
|
icon-size: 1.09em;
|
|
@@ -1250,13 +1250,16 @@ StScrollBar {
|
|
margin: 0; }
|
|
#panel .panel-button .app-menu-icon {
|
|
-st-icon-style: symbolic; }
|
|
- #panel #panelActivities.panel-button {
|
|
+ #panel .panel-button .panel-logo-icon {
|
|
+ padding-right: .4em;
|
|
+ icon-size: 1em; }
|
|
+ #panel .panel-button#panelActivities {
|
|
-natural-hpadding: 18px; }
|
|
#panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked {
|
|
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
|
|
- #panel.unlock-screen .panel-button.clock-display:hover, #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:overview, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:overview, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:overview, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked {
|
|
+ #panel.unlock-screen .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:hover.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display {
|
|
box-shadow: none; }
|
|
- #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:overview .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:overview .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:overview .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock {
|
|
+ #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock {
|
|
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
|
|
#panel .panel-status-indicators-box,
|
|
#panel .panel-status-menu-box {
|
|
@@ -1943,6 +1946,13 @@ StScrollBar {
|
|
border-radius: 8px;
|
|
padding: 6px; }
|
|
|
|
+.qr-code {
|
|
+ border-radius: 4px;
|
|
+ border-width: 1em;
|
|
+ background-color: #eeeeec;
|
|
+ border-color: #eeeeec;
|
|
+ color: #282828; }
|
|
+
|
|
/* Login Dialog */
|
|
.login-dialog-banner-view {
|
|
padding-top: 24px;
|
|
@@ -2028,11 +2038,15 @@ StScrollBar {
|
|
border-color: #15539e;
|
|
background-color: #15539e;
|
|
color: rgba(255, 255, 255, 0.7); }
|
|
+ .login-dialog .next-button,
|
|
.login-dialog .cancel-button,
|
|
.login-dialog .switch-user-button,
|
|
+ .login-dialog .login-dialog-auth-menu-button,
|
|
.login-dialog .login-dialog-session-list-button,
|
|
+ .unlock-dialog .next-button,
|
|
.unlock-dialog .cancel-button,
|
|
.unlock-dialog .switch-user-button,
|
|
+ .unlock-dialog .login-dialog-auth-menu-button,
|
|
.unlock-dialog .login-dialog-session-list-button {
|
|
padding: 0;
|
|
border-radius: 99px;
|
|
@@ -2040,18 +2054,51 @@ StScrollBar {
|
|
height: 2.18em;
|
|
border-color: #202020;
|
|
background-color: #202020; }
|
|
+ .login-dialog .next-button StIcon,
|
|
.login-dialog .cancel-button StIcon,
|
|
.login-dialog .switch-user-button StIcon,
|
|
+ .login-dialog .login-dialog-auth-menu-button StIcon,
|
|
.login-dialog .login-dialog-session-list-button StIcon,
|
|
+ .unlock-dialog .next-button StIcon,
|
|
.unlock-dialog .cancel-button StIcon,
|
|
.unlock-dialog .switch-user-button StIcon,
|
|
+ .unlock-dialog .login-dialog-auth-menu-button StIcon,
|
|
.unlock-dialog .login-dialog-session-list-button StIcon {
|
|
icon-size: 1.09em; }
|
|
+ .login-dialog .next-button,
|
|
+ .unlock-dialog .next-button {
|
|
+ background-color: transparent !important; }
|
|
+ .login-dialog .switch-user-button,
|
|
+ .unlock-dialog .switch-user-button {
|
|
+ min-width: 8.5em;
|
|
+ min-height: 2.5em;
|
|
+ font-size: 10pt;
|
|
+ font-weight: bold; }
|
|
.login-dialog .caps-lock-warning-label,
|
|
.login-dialog .login-dialog-message-warning,
|
|
.unlock-dialog .caps-lock-warning-label,
|
|
.unlock-dialog .login-dialog-message-warning {
|
|
color: #eeeeec; }
|
|
+ .login-dialog .login-dialog-prompt-layout.web-login-active,
|
|
+ .unlock-dialog .login-dialog-prompt-layout.web-login-active {
|
|
+ width: 34.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: 2.5em; }
|
|
+ .login-dialog .login-dialog-default-button-well,
|
|
+ .unlock-dialog .login-dialog-default-button-well {
|
|
+ margin-right: 0.4em; }
|
|
+
|
|
+.login-dialog-auth-menu-button-indicator-description {
|
|
+ color: #eeeeec; }
|
|
+
|
|
+.login-dialog-bottom-button-group {
|
|
+ padding: 32px;
|
|
+ spacing: 16px; }
|
|
|
|
.login-dialog-logo-bin {
|
|
padding: 24px 0px; }
|
|
@@ -2066,6 +2113,10 @@ StScrollBar {
|
|
.login-dialog-message {
|
|
text-align: center; }
|
|
|
|
+.login-dialog-message-hint, .login-dialog-message {
|
|
+ color: #bebeb6;
|
|
+ min-height: 2.75em; }
|
|
+
|
|
.login-dialog-user-selection-box {
|
|
padding: 100px 0px; }
|
|
|
|
@@ -2080,6 +2131,140 @@ StScrollBar {
|
|
color: #a6a69b;
|
|
padding-top: 1em; }
|
|
|
|
+.login-dialog-auth-menu-button-popup {
|
|
+ padding: 18px;
|
|
+ margin-right: 12px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-section {
|
|
+ padding-top: 6px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-section:first-child {
|
|
+ padding-top: 0; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-section-label {
|
|
+ font-size: 10pt;
|
|
+ font-weight: bold;
|
|
+ color: #eeeeec; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-icon {
|
|
+ color: #eeeeec;
|
|
+ icon-size: 1.09em;
|
|
+ margin-right: 8px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-box {
|
|
+ spacing: 3px; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-box-name {
|
|
+ color: #eeeeec;
|
|
+ font-size: 11pt;
|
|
+ font-weight: bold; }
|
|
+ .login-dialog-auth-menu-button-popup .login-dialog-auth-menu-item-box-description {
|
|
+ color: #eeeeec;
|
|
+ font-size: 10pt; }
|
|
+
|
|
+.login-dialog-auth-menu-button-indicator {
|
|
+ background-color: transparent !important;
|
|
+ border-width: 0;
|
|
+ margin-bottom: 32px;
|
|
+ margin-left: 32px; }
|
|
+ .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-auth-menu-button-indicator .login-dialog-auth-menu-button-indicator-description {
|
|
+ font-size: 11pt;
|
|
+ margin-left: 12px;
|
|
+ min-width: 20em; }
|
|
+
|
|
+.login-dialog-button-box {
|
|
+ height: 4em; }
|
|
+
|
|
+.login-dialog-auth-list-view {
|
|
+ -st-vfade-offset: 1em;
|
|
+ max-height: 13em; }
|
|
+
|
|
+.login-dialog-auth-list {
|
|
+ spacing: 9px;
|
|
+ width: 23em;
|
|
+ margin-left: 20px; }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-title,
|
|
+.login-dialog .login-dialog-auth-list-item {
|
|
+ border-radius: 12px;
|
|
+ color: #a6a69b; }
|
|
+ .login-dialog .login-dialog-auth-list-title:focus, .login-dialog .login-dialog-auth-list-title:selected,
|
|
+ .login-dialog .login-dialog-auth-list-item:focus,
|
|
+ .login-dialog .login-dialog-auth-list-item:selected {
|
|
+ background-color: #1b6acb;
|
|
+ color: #fff; }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-title {
|
|
+ background-color: rgba(238, 238, 236, 0.03) !important;
|
|
+ color: #eeeeec !important;
|
|
+ padding: 6px;
|
|
+ margin: 0.5em 20px; }
|
|
+
|
|
+.login-dialog .login-dialog-auth-list-item {
|
|
+ min-height: 3em;
|
|
+ padding: 9px;
|
|
+ margin-bottom: 4px;
|
|
+ background-color: rgba(238, 238, 236, 0.06); }
|
|
+
|
|
+.unlock-dialog .login-dialog-auth-list-item {
|
|
+ border: none;
|
|
+ color: #eeeeec;
|
|
+ background-color: rgba(238, 238, 236, 0.06);
|
|
+ border-radius: 12px;
|
|
+ min-height: 3em;
|
|
+ padding: 9px;
|
|
+ margin-bottom: 4px; }
|
|
+ .unlock-dialog .login-dialog-auth-list-item:hover, .unlock-dialog .login-dialog-auth-list-item:focus, .unlock-dialog .login-dialog-auth-list-item:selected {
|
|
+ background-color: rgba(238, 238, 236, 0.16); }
|
|
+ .unlock-dialog .login-dialog-auth-list-item:active {
|
|
+ background-color: rgba(238, 238, 236, 0.22); }
|
|
+
|
|
+.unlock-dialog .login-dialog-auth-list-title {
|
|
+ background-color: transparent !important;
|
|
+ border: none;
|
|
+ color: #eeeeec !important;
|
|
+ padding: 6px; }
|
|
+
|
|
+.login-dialog-auth-list-title-label {
|
|
+ font-size: 13pt;
|
|
+ font-weight: bold;
|
|
+ padding: 6px;
|
|
+ text-align: center; }
|
|
+
|
|
+.login-dialog-auth-list-item-title,
|
|
+.login-dialog-auth-list-item-subtitle {
|
|
+ font-size: 11pt;
|
|
+ text-align: center;
|
|
+ padding: 1.8px 0; }
|
|
+
|
|
+.login-dialog-auth-list-item-title {
|
|
+ color: #eeeeec;
|
|
+ font-weight: bold; }
|
|
+
|
|
+.login-dialog-auth-list-item-subtitle {
|
|
+ color: #bebeb6;
|
|
+ font-weight: 500; }
|
|
+
|
|
+.login-dialog-item-icon {
|
|
+ width: 1.3em;
|
|
+ height: 1.3em;
|
|
+ color: #eeeeec;
|
|
+ padding: 4.2px 6px;
|
|
+ border-radius: 8px; }
|
|
+ .login-dialog-item-icon:hover {
|
|
+ background-color: #282828; }
|
|
+ .login-dialog-item-icon-popup.popup-menu {
|
|
+ min-width: 0; }
|
|
+ .login-dialog-item-icon-popup-box {
|
|
+ padding: 6px 0; }
|
|
+ .login-dialog-item-icon-popup-box .login-dialog-item-icon-popup-labels {
|
|
+ spacing: 3px;
|
|
+ font-weight: bold;
|
|
+ text-align: center; }
|
|
+ .login-dialog-item-icon-popup-box .login-dialog-item-icon-popup-labels > :first-child {
|
|
+ color: #a6a69b;
|
|
+ font-weight: 500; }
|
|
+ .login-dialog-item-icon-popup-box .login-dialog-item-icon-popup-labels > :last-child {
|
|
+ color: #eeeeec; }
|
|
+
|
|
.login-dialog-user-list-view {
|
|
-st-vfade-offset: 1em; }
|
|
|
|
@@ -2145,6 +2330,77 @@ StScrollBar {
|
|
font-size: 12pt;
|
|
padding-top: 1em; }
|
|
|
|
+.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: 11pt;
|
|
+ color: #a6a69b;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-url-label {
|
|
+ font-size: 11pt;
|
|
+ font-family: monospace;
|
|
+ color: #eeeeec;
|
|
+ text-align: center; }
|
|
+ .web-login-url-label.web-login-url-label-long {
|
|
+ font-size: 9pt; }
|
|
+
|
|
+.web-login-code-title-label {
|
|
+ font-size: 11pt;
|
|
+ color: #eeeeec;
|
|
+ text-align: center; }
|
|
+
|
|
+.web-login-code-label {
|
|
+ font-size: 11pt;
|
|
+ color: #eeeeec;
|
|
+ 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: 13pt;
|
|
+ color: #eeeeec;
|
|
+ min-width: 12em;
|
|
+ text-align: center;
|
|
+ font-weight: bold;
|
|
+ padding-bottom: 0.1em; }
|
|
+
|
|
+.login-dialog .web-login-intro-button,
|
|
+.login-dialog .web-login-prompt-button,
|
|
+.unlock-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-prompt-button {
|
|
+ border-radius: 32px !important;
|
|
+ padding: 9px 18px;
|
|
+ background-color: rgba(238, 238, 236, 0.06); }
|
|
+
|
|
+.login-dialog .web-login-intro-button,
|
|
+.unlock-dialog .web-login-intro-button {
|
|
+ width: 10em; }
|
|
+
|
|
+.login-dialog .web-login-prompt-button,
|
|
+.unlock-dialog .web-login-prompt-button {
|
|
+ width: 7em;
|
|
+ margin: 24px 8px; }
|
|
+
|
|
+.login-dialog .web-login-intro-button:hover, .login-dialog .web-login-intro-button:focus,
|
|
+.login-dialog .web-login-prompt-button:hover,
|
|
+.login-dialog .web-login-prompt-button:focus {
|
|
+ background-color: #1b6acb; }
|
|
+
|
|
+.unlock-dialog .web-login-intro-button:hover, .unlock-dialog .web-login-intro-button:focus,
|
|
+.unlock-dialog .web-login-prompt-button:hover,
|
|
+.unlock-dialog .web-login-prompt-button:focus {
|
|
+ background-color: rgba(238, 238, 236, 0.16); }
|
|
+
|
|
/* Screen Shield */
|
|
.unlock-dialog-clock {
|
|
color: white;
|
|
--
|
|
2.51.0
|
|
|