%PDF-
%PDF-
Mini Shell
Mini Shell
| Direktori : /usr/share/gnome-shell/ |
|
|
|
| Current File : //usr/share/gnome-shell/gnome-shell-theme.gresource |
GVariant � (
��y� � v wc mm++ wc v �c � ����
� L � t� �#� t� v �� �� ��*� �� v � ?� KP� ?� L D� H� !ɾ� H� v X� �� �n� �� v �� X- A�, X- v p- F3 >Љ� F3 v X3 �8 7,p� �8 L �8 �8 ��� �8 v 9 |= ��t� |= v �= �? f�P� �? v �? �A Ե �����A L �A �A xz�� �A v �A D (�� D v D �� ��$0 �� L �� �� �W$� �� v Ȥ �� i_1� �� v �� �� #ξ� ��
v �� �� s�t �� v � $ 3� � $ v ($ ۻ
TB� ۻ
v �
��
�z�� ��
v �
��
&�� ��
v ��
��
gnome-shell-light.css W` /* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
/* Global Values */
stage {
font-size: 1em;
color: #282828; }
/* Common Stylings */
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 16px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.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, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-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, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-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.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #282828;
background-color: gainsboro; }
.icon-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, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #282828;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #d2d7dc; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #c9cdd2; }
.icon-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, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #282828;
background-color: #d2d2d2; }
.icon-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, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: #e4e4e4; }
.icon-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, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-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, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #282828;
background-color: #c5c5c5; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #bbbbbb; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #bdc1c6; }
.icon-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, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #282828;
background-color: #c8c8c8; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #bdbdbd; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #b1b1b1; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .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.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #282828;
background-color: whitesmoke; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #282828;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(187, 209, 237, 0.2875); }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #d9dde3; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #282828;
background-color: #e3e3e3; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: whitesmoke; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #282828;
background-color: #dedede; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #cccccc; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #d4d9de; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #282828;
background-color: #e1e1e1; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #cfcfcf; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #cacaca; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .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.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: #ffffff;
background-color: #1c71d8; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
box-shadow: inset 0 0 0 2px #134e94 !important;
background-color: #1c71d8; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #1a68c7; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: #ffffff;
background-color: #1a68c6; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #2178e2; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: #ffffff;
background-color: #175caf; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #14529d; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #175db1; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 12px;
padding: 0.818em;
margin: 4px;
background-color: #ffffff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.09); }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #282828;
background-color: #ffffff; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #282828;
background-color: whitesmoke; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #282828;
background-color: #e8e8e8; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #dedede; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #dee2e7; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #282828;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #f4f8fd; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #eaeef3; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: white; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #282828;
background-color: #e3e3e3; }
.calendar:active, .datemenu-today-button:active {
color: #282828;
background-color: #dedede; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #cccccc; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #d4d9de; }
.calendar:focus, .datemenu-today-button:focus {
color: #282828;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #f4f8fd; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #eaeef3; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: white; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
border-radius: 8px;
padding: 9px 9px;
selection-background-color: #1c71d8;
selected-color: #ffffff; }
StEntry {
background-color: gainsboro;
color: rgba(40, 40, 40, 0.7); }
StEntry:hover {
background-color: #d2d2d2;
color: #282828; }
StEntry:focus {
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #d2d7dc;
color: #282828; }
StEntry:insensitive {
background-color: #e4e4e4;
color: rgba(40, 40, 40, 0.5); }
StEntry StLabel.hint-text {
color: rgba(40, 40, 40, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
font-weight: bold !important;
color: #282828;
background-color: rgba(40, 40, 40, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #282828;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(34, 77, 128, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(35, 71, 116, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #282828;
background-color: rgba(40, 40, 40, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #282828;
background-color: rgba(40, 40, 40, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(40, 40, 40, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(35, 68, 106, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #282828;
background-color: #c8c8c8; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #bdbdbd; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #b1b1b1; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: #e4e4e4; }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 15px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 15px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 15px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 15px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 15px 15px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: rgba(0, 0, 0, 0.9);
border: 1px solid rgba(255, 255, 255, 0.1);
color: #ffffff;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
font-weight: 800;
font-size: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label {
font-weight: 800;
font-size: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .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; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .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 {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #ffffff;
background-color: #353535;
border: 1px solid rgba(255, 255, 255, 0.02);
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: #4d4d4d;
color: rgba(255, 255, 255, 0.7); }
.lg-dialog StEntry:hover {
background-color: #575757;
color: #ffffff; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #4b4f54;
color: #ffffff; }
.lg-dialog StEntry:insensitive {
background-color: #454545;
color: rgba(255, 255, 255, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #ffffff;
background-color: #4d4d4d; }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #4b4f54; }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: #54585e; }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #ffffff;
background-color: #575757; }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #ffffff;
background-color: #646464; }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: #6e6e6e; }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: #60656a; }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #ffffff;
background-color: #616161; }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: #6c6c6c; }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: #787878; }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #454545; }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #ffffff;
background-color: #353535; }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(46, 69, 97, 0.2875); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: #44494e; }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #ffffff;
background-color: #474747; }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #ffffff;
background-color: #4c4c4c; }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: #5e5e5e; }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: #494e53; }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #ffffff;
background-color: #494949; }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: #5b5b5b; }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: #606060; }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #353535; }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #4c4c4c;
color: rgba(245, 245, 245, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #565656;
color: whitesmoke; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #4a4e53;
color: whitesmoke; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #444444;
color: rgba(245, 245, 245, 0.5); }
.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(245, 245, 245, 0.7); }
.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, .login-dialog-button.web-login-intro-button {
color: whitesmoke;
background-color: #4c4c4c; }
.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, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(245, 245, 245, 0.4);
background-color: #545454; }
.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, .login-dialog-button.web-login-intro-button:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #4a4e53; }
.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, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #404449; }
.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, .login-dialog-button.web-login-intro-button:hover {
color: whitesmoke;
background-color: #424242; }
.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, .login-dialog-button.web-login-intro-button:active {
color: whitesmoke;
background-color: #353535; }
.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, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #2b2b2b; }
.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, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #34383d; }
.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, .login-dialog-button.web-login-intro-button:checked {
color: whitesmoke;
background-color: #383838; }
.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, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #2d2d2d; }
.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, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #212121; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.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-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.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.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(137, 179, 231, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.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.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(152, 188, 233, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.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.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:hover {
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.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.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active {
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.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.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(245, 245, 245, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.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.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(163, 195, 234, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.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.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked {
color: whitesmoke;
background-color: #e1e1e1; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.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.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #d6d6d6; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.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.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked:active {
background-color: #cacaca; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.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.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(245, 245, 245, 0.4);
background-color: #fdfdfd; }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(245, 245, 245, 0.1);
color: rgba(245, 245, 245, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(255, 255, 255, 0.1);
color: whitesmoke; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(137, 179, 231, 0.145);
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.4) !important;
background-color: rgba(245, 245, 245, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(237, 237, 237, 0.1);
color: rgba(245, 245, 245, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(245, 245, 245, 0.7); }
/* WIDGETS */
.shell-link {
color: #1c71d8; }
.shell-link:hover {
color: #418ce6; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f5c211;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-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, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-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, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* Check Boxes */
.check-box StBoxLayout {
spacing: .8em; }
.check-box StBin {
width: 24px;
height: 24px;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off-light.svg"); }
.check-box:focus StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused-light.svg"); }
.check-box:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
.check-box:focus:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
/* Switches */
.toggle-switch {
color: #282828;
height: 26px;
width: 46px;
background-size: contain;
background-image: url("resource:///org/gnome/shell/theme/toggle-off-light.svg"); }
.toggle-switch:checked {
background-image: url("resource:///org/gnome/shell/theme/toggle-on-light.svg"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(40, 40, 40, 0.2);
-barlevel-border-width: 2px;
-barlevel-border-color: transparent;
-barlevel-active-background-color: #1c71d8;
-barlevel-active-border-color: transparent;
-barlevel-overdrive-color: #e01b24;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 1px;
-slider-handle-radius: 0.5455em;
-slider-handle-border-width: 0;
-slider-handle-border-color: transparent; }
/* Scrollbars */
StScrollView.vfade {
-st-vfade-offset: 68px; }
StScrollView.hfade {
-st-hfade-offset: 68px; }
StScrollBar {
padding: 0; }
StScrollView StScrollBar {
min-width: 8px;
min-height: 8px; }
StScrollBar StBin#trough {
border-radius: 0;
background-color: transparent; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 8px;
background-color: #b8b8b8;
border: 3px solid transparent;
transition: 500ms all ease; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #8f8f8f; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #a3a3a3; }
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-rise: 6px; }
.popup-menu {
min-width: 15em;
color: #282828; }
.popup-menu.panel-menu {
margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content {
padding: 6px;
background-color: whitesmoke;
border-radius: 20px;
border: 1px solid #e3e3e3;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 12px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #282828;
background-color: #dbdbdb; }
.popup-menu-item:active {
color: #282828;
background-color: #cecece; }
.popup-menu-item:active:hover {
background-color: #c4c4c4; }
.popup-menu-item:active:focus {
background-color: #c5c9cf; }
.popup-menu-item:checked {
color: #282828;
background-color: #d1d1d1; }
.popup-menu-item:checked:hover {
background-color: #c6c6c6; }
.popup-menu-item:checked:active {
background-color: #bababa; }
.popup-menu-item:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: #ededed; }
.popup-menu-item:checked {
border-radius: 12px 12px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #282828; }
.popup-inactive-menu-item:insensitive {
color: #7a7a7a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 13px 13px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #282828;
background-color: #dbdbdb; }
.popup-sub-menu .popup-menu-item:active {
color: #282828;
background-color: #cecece; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #c4c4c4; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #c5c9cf; }
.popup-sub-menu .popup-menu-item:checked {
color: #282828;
background-color: #d1d1d1; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #c6c6c6; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #bababa; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(40, 40, 40, 0.4);
background-color: #ededed; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 12px 12px;
border-bottom-width: 0; }
.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
border-radius: 0; }
.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
border-radius: 0 0 12px 12px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: rgba(40, 40, 40, 0.15); }
.popup-sub-menu .popup-separator-menu-item {
background-color: transparent; }
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em; }
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em; }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background-color: rgba(40, 40, 40, 0.15); }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px; }
/* Date/Time Menu */
#calendarArea {
padding: 4px; }
.datemenu-popover {
border-radius: 30px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #282828 !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #7a7a7a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(40, 40, 40, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(40, 40, 40, 0.5); }
.calendar .calendar-day.calendar-today {
color: #ffffff !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today-light.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 8px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 4px;
background-color: rgba(122, 122, 122, 0.2);
color: #7a7a7a; }
.events-button .events-box .events-title {
color: #7a7a7a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 8px; }
.events-button .events-box .events-list .event-box .event-time {
color: #7a7a7a; }
.events-button .events-box .events-list .event-placeholder {
color: #7a7a7a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #7a7a7a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #282828; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #7a7a7a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #7a7a7a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #282828; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* Message List */
.message-list {
width: 29em;
border: solid rgba(40, 40, 40, 0.15); }
.message-list:ltr {
margin-left: 0;
margin-right: 4px;
padding-right: 6px;
border-right-width: 1px; }
.message-list:rtl {
margin-right: 0;
margin-left: 4px;
padding-left: 6px;
border-left-width: 1px; }
.message-list .message-list-placeholder {
color: rgba(40, 40, 40, 0.25); }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 6px;
spacing: 6px; }
.message-list-controls .dnd-button {
border-width: 2px;
border-color: transparent;
border-radius: 32px;
border-style: solid; }
.message-list-controls .dnd-button:focus {
border-color: rgba(28, 113, 216, 0.6); }
.message {
padding: 0;
margin: 0;
border-radius: 16px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #7a7a7a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #7a7a7a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #282828;
background-color: rgba(40, 40, 40, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(40, 40, 40, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(40, 40, 40, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(40, 40, 40, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(40, 40, 40, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #1c71d8; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 8px;
color: #282828;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: #ebebeb;
color: #282828; }
.message-media-control:active {
background-color: #e6e6e6;
color: #282828; }
.message-media-control:insensitive {
color: #878787; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 8px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #7a7a7a; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 8px; }
.candidate-box:selected {
background-color: #1c71d8;
color: #ffffff; }
.candidate-box:hover {
background-color: #dedede;
color: #111111; }
.candidate-page-button-box {
height: 2em; }
.vertical .candidate-page-button-box {
padding-top: 12px; }
.horizontal .candidate-page-button-box {
padding-left: 12px; }
.candidate-page-button {
padding: 6px; }
.candidate-page-button StIcon {
icon-size: 16px; }
.candidate-page-button-previous {
border-radius: 8px 0px 0px 8px;
border-right-width: 0;
box-shadow: none; }
.candidate-page-button-next {
border-radius: 0px 8px 8px 0px;
box-shadow: none; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
border-radius: 16px;
margin: 4px; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: whitesmoke;
border-radius: 16px;
box-shadow: inset 0 0 0 1px #e3e3e3; }
.modal-dialog .modal-dialog-content-box {
margin: 32px 40px;
spacing: 32px;
max-width: 28em; }
/* End Session Dialog */
.end-session-dialog {
width: 30em; }
.end-session-dialog .end-session-dialog-battery-warning,
.end-session-dialog .dialog-list-title {
color: #f5c211; }
/* Message Dialog */
.message-dialog-content {
spacing: 18px; }
.message-dialog-content .message-dialog-title {
text-align: center; }
.message-dialog-content .message-dialog-description {
text-align: center; }
/* Dialog List */
.dialog-list {
spacing: 18px; }
.dialog-list .dialog-list-title {
text-align: center; }
.dialog-list .dialog-list-scrollview {
max-height: 200px; }
.dialog-list .dialog-list-box {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
font-weight: bold; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
color: #1b1b1b; }
/* Run Dialog */
.run-dialog .modal-dialog-content-box {
margin-top: 24px;
margin-bottom: 12px; }
.run-dialog .run-dialog-entry {
width: 20em; }
.run-dialog .run-dialog-description {
text-align: center;
color: black; }
/* Password or Authentication Dialog */
.prompt-dialog {
width: 28em; }
.prompt-dialog .modal-dialog-content-box {
margin-bottom: 24px; }
.prompt-dialog-password-grid {
spacing-rows: 8px;
spacing-columns: 4px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry {
width: auto; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
margin-left: 20px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
margin-right: 20px; }
.prompt-dialog-password-layout {
spacing: 8px; }
.prompt-dialog-password-entry {
width: 20em; }
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label {
text-align: center; }
.prompt-dialog-error-label {
color: #f5c211; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f5c211; }
/* Audio selection dialog */
.audio-device-selection-dialog .modal-dialog-content-box {
margin-bottom: 28px; }
.audio-device-selection-dialog .audio-selection-box {
spacing: 20px; }
.audio-selection-device {
border-radius: 16px; }
.audio-selection-device:hover, .audio-selection-device:focus {
background-color: #dedede; }
.audio-selection-device:active {
background-color: #1c71d8;
color: #ffffff; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* Welcome dialog */
.welcome-dialog-image {
background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
background-size: contain;
/* Reasonable maximum dimensions */
height: 300px;
width: 300px; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* OSD */
.osd-window {
text-align: center;
font-weight: bold;
spacing: 12px;
padding: 12px 18px;
margin-bottom: 4em; }
.osd-window > * {
spacing: 8px; }
.osd-window StIcon {
icon-size: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-barlevel-height: 6px;
-barlevel-background-color: rgba(255, 255, 255, 0.3);
-barlevel-active-background-color: #ffffff;
-barlevel-overdrive-color: #e01b24;
-barlevel-overdrive-separator-width: 3px; }
.osd-window .level:first-child {
margin-bottom: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #1c71d8;
color: #ffffff;
border-radius: 16px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.8); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
/* App Switcher */
.switcher-popup {
padding: 0;
spacing: 24px; }
.switcher-list {
padding: 12px;
border-radius: 28px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #ffffff;
background-color: #353535; }
.switcher-list .item-box:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(46, 69, 97, 0.2875); }
.switcher-list .item-box:focus:hover {
background-color: #44494e; }
.switcher-list .item-box:hover {
color: #ffffff;
background-color: #474747; }
.switcher-list .item-box:active {
color: #ffffff;
background-color: #4c4c4c; }
.switcher-list .item-box:active:hover {
background-color: #5e5e5e; }
.switcher-list .item-box:active:focus {
background-color: #494e53; }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #ffffff;
background-color: #494949; }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: #5b5b5b; }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: #606060; }
.switcher-list .item-box:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: #353535; }
.switcher-list .item-box:drop {
background-color: rgba(28, 113, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(255, 255, 255, 0.2); }
.switcher-list .separator {
width: 1px;
background: rgba(40, 40, 40, 0.15); }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 6px; }
.switcher-list .thumbnail {
width: 256px;
border-radius: 8px; }
.switcher-arrow {
border-color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8); }
.switcher-arrow:highlighted {
border-color: #ffffff;
color: #ffffff; }
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px; }
.cycler-highlight {
border: 5px solid #1c71d8; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(255, 255, 255, 0.5);
padding: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #ffffff;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 32px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: 14px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #ffffff;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #ffffff;
transition-duration: 200ms;
border-radius: 999px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: #dedede; }
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: #cccccc; }
.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
background-color: gray; }
.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
background-color: #c01c28; }
.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
background-color: #d61f2d; }
.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
background-color: #a11722; }
.screenshot-ui-shot-cast-container {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(255, 255, 255, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #ffffff;
color: #353535; }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
border: 2px white; }
.screenshot-ui-area-selector-handle {
border-radius: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
width: 24px;
height: 24px; }
.screenshot-ui-window-selector {
background-color: #282828; }
.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
margin: 100px; }
.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
margin-bottom: 200px; }
.screenshot-ui-window-selector-window-border {
transition-duration: 200ms;
border-radius: 16px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #134e94; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #1c71d8;
background-color: rgba(28, 113, 216, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #ffffff;
background-color: #1c71d8; }
.screenshot-ui-screen-selector {
transition-duration: 200ms;
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-screen-selector:hover {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-screen-selector:active {
background-color: rgba(0, 0, 0, 0.7); }
.screenshot-ui-screen-selector:checked {
background-color: transparent;
border: 2px white; }
.screenshot-ui-tooltip {
text-align: center;
-y-offset: 24px; }
/* Top Bar */
#panel {
background-color: whitesmoke;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #282828;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(40, 40, 40, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(40, 40, 40, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(40, 40, 40, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #282828; }
#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 {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #c01c28; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #aa1923; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #981620; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #8f151e; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #e66100; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #cd5600; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #b84e00; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #ae4900; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #282828;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(40, 40, 40, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(40, 40, 40, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(40, 40, 40, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(40, 40, 40, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(40, 40, 40, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(40, 40, 40, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview, #panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #c01c28; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #aa1923; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #981620; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #8f151e; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #e66100; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #cd5600; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #b84e00; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #ae4900; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: whitesmoke; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #e66100; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 36px; }
.quick-settings .icon-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 .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-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; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(40, 40, 40, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #134e94; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-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 .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-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; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #282828;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #d2d7dc; }
.quick-slider .slider-bin:focus:hover {
background-color: #c9cdd2; }
.quick-toggle-menu {
border-radius: 24px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #282828;
background-color: gainsboro; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(40, 40, 40, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #1c71d8;
color: #ffffff; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #282828;
background-color: gainsboro;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(40, 40, 40, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-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 .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-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(40, 40, 40, 0.13); }
.background-app-item .icon-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 .login-dialog-button.web-login-intro-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 .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(40, 40, 40, 0.22); }
.background-app-item .icon-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 .login-dialog-button.web-login-intro-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 .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(40, 40, 40, 0.31); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #282828; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #282828; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(71, 71, 71, 0.98);
color: whitesmoke;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent; }
.window-close StIcon, .screenshot-ui-close-button StIcon {
icon-size: 24px; }
.window-close:hover, .screenshot-ui-close-button:hover {
background-color: rgba(88, 88, 88, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(104, 104, 104, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.05); }
.search-entry {
border-radius: 999px;
margin-top: 12px;
margin-bottom: 6px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #3d3d3d;
color: whitesmoke;
border-radius: 24px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent; }
.list-search-result, .search-provider-icon {
color: whitesmoke;
background-color: #3d3d3d;
border-radius: 13.2px; }
.list-search-result:focus, .search-provider-icon:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(52, 75, 103, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #4c5156; }
.list-search-result:hover, .search-provider-icon:hover {
color: whitesmoke;
background-color: #4f4f4f; }
.list-search-result:active, .search-provider-icon:active {
color: whitesmoke;
background-color: #545454; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #666666; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #51555b; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: whitesmoke;
background-color: #515151; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #636363; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #686868; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(245, 245, 245, 0.4);
background-color: #3d3d3d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(28, 113, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.8); }
.search-statustext {
color: rgba(245, 245, 245, 0.8); }
.grid-search-results {
spacing: 30px;
margin: 0 12px; }
.search-provider-icon:ltr {
margin-right: 4px; }
.search-provider-icon:rtl {
margin-left: 4px; }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px;
color: whitesmoke; }
.list-search-results {
spacing: 6px; }
.list-search-result .list-search-result-content {
spacing: 6px; }
.list-search-result .list-search-result-title {
spacing: 12px; }
.list-search-result .list-search-result-description {
color: #959595; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #3d3d3d;
border-radius: 28px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: whitesmoke;
background-color: #3d3d3d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(52, 75, 103, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #4c5156; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: whitesmoke;
background-color: #4f4f4f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: whitesmoke;
background-color: #545454; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #666666; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #51555b; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: whitesmoke;
background-color: #515151; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #636363; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #686868; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: rgba(245, 245, 245, 0.1); }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: whitesmoke;
background-color: #282828;
border-radius: 24px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(37, 60, 87, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #383d42; }
.overview-tile:hover, .grid-search-result:hover {
color: whitesmoke;
background-color: #3a3a3a; }
.overview-tile:active, .grid-search-result:active {
color: whitesmoke;
background-color: #3f3f3f; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #515151; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3d4147; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: whitesmoke;
background-color: #3c3c3c; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #4e4e4e; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #535353; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(245, 245, 245, 0.4);
background-color: #282828; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(28, 113, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: whitesmoke;
background-color: #414141; }
.app-folder:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #3f4349; }
.app-folder:focus:hover {
background-color: #494d52; }
.app-folder:hover {
color: whitesmoke;
background-color: #4b4b4b; }
.app-folder:active {
color: whitesmoke;
background-color: #585858; }
.app-folder:active:hover {
background-color: #626262; }
.app-folder:active:focus {
background-color: #55595e; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: whitesmoke;
background-color: #555555; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #606060; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #6c6c6c; }
.app-folder:insensitive {
color: rgba(245, 245, 245, 0.4);
background-color: #393939; }
.app-folder:drop {
background-color: rgba(28, 113, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: whitesmoke;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 64px;
background-color: #3d3d3d;
color: whitesmoke;
padding: 0 1px;
box-shadow: inset 0 0 0 1px rgba(245, 245, 245, 0.1); }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
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.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 .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-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: whitesmoke;
background-color: #535353; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: whitesmoke;
background-color: #5d5d5d; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: whitesmoke;
background-color: #6a6a6a; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: #747474; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: #666a6f; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: whitesmoke;
background-color: #3d3d3d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: whitesmoke;
background-color: #4f4f4f; }
.app-folder-dialog .page-navigation-arrow:active {
color: whitesmoke;
background-color: #545454; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #666666; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #51555b; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: whitesmoke;
background-color: #3d3d3d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(52, 75, 103, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #4c5156; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: whitesmoke;
background-color: #4f4f4f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: whitesmoke;
background-color: #545454; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #666666; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #51555b; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: whitesmoke;
background-color: #515151; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #636363; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #686868; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(245, 245, 245, 0.4);
background-color: #3d3d3d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(28, 113, 216, 0.2);
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.8); }
.rename-folder-popup .rename-folder-popup-item {
spacing: 6px; }
.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
padding: 0 12px; }
.page-indicator {
padding: 6px 12px 0;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: whitesmoke;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(245, 245, 245, 0.1);
color: whitesmoke;
border-radius: 999px;
icon-size: 48px; }
.page-navigation-hint.dnd {
background: rgba(255, 255, 255, 0.1); }
.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
background-gradient-start: rgba(255, 255, 255, 0.05);
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: 24px 0px 0px 24px; }
.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
background-gradient-start: transparent;
background-gradient-end: rgba(255, 255, 255, 0.05);
background-gradient-direction: horizontal;
border-radius: 0px 24px 24px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: whitesmoke;
background-color: #282828; }
.page-navigation-arrow > StIcon {
color: whitesmoke; }
.page-navigation-arrow:hover {
color: whitesmoke;
background-color: #3a3a3a; }
.page-navigation-arrow:active {
color: whitesmoke;
background-color: #3f3f3f; }
.page-navigation-arrow:active:hover {
background-color: #515151; }
.page-navigation-arrow:active:focus {
background-color: #3d4147; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px; }
.workspace-thumbnails .workspace-thumbnail {
color: whitesmoke;
background-color: #4e4e4e;
border-radius: 4px;
border: 1px solid transparent; }
.workspace-thumbnails .placeholder {
background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
background-size: contain;
width: 18px; }
.workspace-thumbnail-indicator {
border: 3px solid #1c71d8;
border-radius: 8px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(155, 194, 242, 0.3);
box-shadow: 0 0 2px 2px #6ea7ec; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #1c71d8;
-pie-background-color: rgba(200, 222, 248, 0.3); }
.magnifier-zoom-region {
border: 2px solid #1c71d8; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
.select-area-rubberband {
background-color: rgba(28, 113, 216, 0.3);
border: 1px solid #1c71d8; }
.user-icon {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
background-color: rgba(255, 255, 255, 0.05);
color: #ffffff; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f5c211; }
/* Workspace animation */
.workspace-animation {
background-color: #353535; }
/* Tiled window previews */
.tile-preview {
background-color: rgba(28, 113, 216, 0.5);
border: 1px solid #1c71d8; }
/* On-screen Keyboard */
#keyboard {
background-color: #353535;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02); }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 8px;
height: 8px; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
font-size: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 10px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
color: #ffffff;
background-color: #626262; }
.keyboard-key:focus {
color: #282828;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #d2d7dc; }
.keyboard-key:focus:hover {
background-color: #c9cdd2; }
.keyboard-key:hover {
color: #ffffff;
background-color: #585858; }
.keyboard-key:active {
color: #ffffff;
background-color: #4b4b4b; }
.keyboard-key:active:hover {
background-color: #414141; }
.keyboard-key:active:focus {
background-color: #494d52; }
.keyboard-key:checked {
color: #ffffff;
background-color: #4e4e4e; }
.keyboard-key:checked:hover {
background-color: #434343; }
.keyboard-key:checked:active {
background-color: #373737; }
.keyboard-key:grayed {
background-color: #ededed;
color: #ffffff;
border-color: rgba(255, 255, 255, 0.1); }
.keyboard-key.default-key {
color: #ffffff;
background-color: #494949;
border-radius: 10px; }
.keyboard-key.default-key:hover {
color: #ffffff;
background-color: #3f3f3f; }
.keyboard-key.default-key:active {
color: #ffffff;
background-color: #323232; }
.keyboard-key.default-key:active:hover {
background-color: #282828; }
.keyboard-key.default-key:active:focus {
background-color: #31353a; }
.keyboard-key.default-key:checked {
color: #ffffff;
background-color: #353535; }
.keyboard-key.default-key:checked:hover {
background-color: #2a2a2a; }
.keyboard-key.default-key:checked:active {
background-color: #1e1e1e; }
.keyboard-key.default-key:latched {
border-color: #2a7ee3;
background-color: #1c71d8; }
.keyboard-key.enter-key {
color: #ffffff;
background-color: #3782dd;
border-radius: 10px;
color: #ffffff; }
.keyboard-key.enter-key:hover {
color: #ffffff;
background-color: #2677da; }
.keyboard-key.enter-key:active {
color: #ffffff;
background-color: #216bc5; }
.keyboard-key.enter-key:active:hover {
background-color: #1e62b3; }
.keyboard-key.enter-key:active:focus {
background-color: #216bc6; }
.keyboard-key.enter-key:checked {
color: #ffffff;
background-color: #226ec9; }
.keyboard-key.enter-key:checked:hover {
background-color: #1f64b8; }
.keyboard-key.enter-key:checked:active {
background-color: #1c58a2; }
.keyboard-key.shift-key-uppercase {
background-color: gray;
color: #353535; }
.keyboard-key.shift-key-uppercase:hover {
background-color: #8c8c8c;
color: #424242; }
.keyboard-key StIcon {
icon-size: 24px; }
.keyboard-subkeys {
-arrow-border-radius: 16px;
-arrow-background-color: #353535;
-arrow-border-width: 1px;
-arrow-border-color: #4c4c4c;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px;
padding: 6px; }
.keyboard-subkeys .keyboard-key {
color: #ffffff;
background-color: #626262;
border-radius: 10px; }
.keyboard-subkeys .keyboard-key:focus {
color: #282828;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #d2d7dc; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #c9cdd2; }
.keyboard-subkeys .keyboard-key:hover {
color: #ffffff;
background-color: #585858; }
.keyboard-subkeys .keyboard-key:active {
color: #ffffff;
background-color: #4b4b4b; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #414141; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #494d52; }
.keyboard-subkeys .keyboard-key:checked {
color: #ffffff;
background-color: #4e4e4e; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #434343; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #373737; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #2a7ee3;
background-color: #1c71d8; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #ffffff; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #282828;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #d2d7dc; }
.word-suggestions StButton:focus:hover {
background-color: #c9cdd2; }
.word-suggestions StButton:hover {
color: #ffffff;
background-color: #585858; }
.word-suggestions StButton:active {
color: #ffffff;
background-color: #4b4b4b; }
.word-suggestions StButton:active:hover {
background-color: #414141; }
.word-suggestions StButton:active:focus {
background-color: #494d52; }
.word-suggestions StButton:checked {
color: #ffffff;
background-color: #4e4e4e; }
.word-suggestions StButton:checked:hover {
background-color: #434343; }
.word-suggestions StButton:checked:active {
background-color: #373737; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(53, 53, 53, 0.98);
color: #ffffff;
border-radius: 16px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
#LookingGlassDialog > #Toolbar {
border: none;
padding: 6px;
border-radius: 0;
background-color: transparent;
spacing: 6px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
padding: 6px 12px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
icon-size: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.lg-dialog .shell-link {
color: #1c71d8; }
.lg-dialog .shell-link:hover {
color: #418ce6; }
.lg-dialog .shell-link:active {
color: #1659ab; }
.lg-dialog .actor-link {
color: #7a7a7a; }
.lg-dialog .actor-link:hover {
color: #adadad; }
.lg-dialog .actor-link:active {
color: #474747; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
border: 1px solid rgba(40, 40, 40, 0.15);
padding: 4px;
border-radius: 8px; }
.lg-obj-inspector-button:hover {
border: 1px solid #282828; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: whitesmoke;
border: 1px solid rgba(40, 40, 40, 0.15);
border-radius: 8px;
padding: 6px; }
.lg-debug-flag-button {
color: #ffffff; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #cccccc; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: whitesmoke; }
.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: whitesmoke; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8f8f8f;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f5c211; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: gainsboro; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: whitesmoke;
background-color: #282828;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: rgba(37, 60, 87, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #383d42; }
.login-dialog-not-listed-button:hover {
color: whitesmoke;
background-color: #3a3a3a; }
.login-dialog-not-listed-button:active {
color: whitesmoke;
background-color: #3f3f3f; }
.login-dialog-not-listed-button:active:hover {
background-color: #515151; }
.login-dialog-not-listed-button:active:focus {
background-color: #3d4147; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 16px;
padding: 4px;
color: darkgray; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #1c71d8;
color: #ffffff; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: whitesmoke;
background-color: #414141;
border-radius: 16px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(28, 113, 216, 0.5) !important;
background-color: #3f4349; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #494d52; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: whitesmoke;
background-color: #4b4b4b; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: whitesmoke;
background-color: #585858; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #626262; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #55595e; }
.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 {
height: 2px;
margin-top: 6px;
background-color: rgba(245, 245, 245, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #1c71d8; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(28, 113, 216, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(245, 245, 245, 0.7);
border-radius: 16px;
margin-bottom: 3em; }
.web-login-spinner {
color: #ffffff;
background-color: rgba(53, 53, 53, 0.5);
border: 5px transparent;
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #5b5b5b; }
.web-login-url-label {
font-size: 1em;
color: #282828;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #282828; }
.web-login-code-label {
font-size: 1em;
color: #282828;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 16px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #282828;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #282828;
height: 3em;
text-align: center;
border-radius: 32px; }
.unlock-dialog {
background-color: transparent; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #282828; }
.unlock-dialog-clock {
color: whitesmoke;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 16px;
font-weight: bold; }
#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
background-color: rgba(245, 245, 245, 0.3); }
#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(245, 245, 245, 0.5); }
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
background-color: rgba(28, 113, 216, 0.5); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
background-color: transparent; }
.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0; }
.unlock-dialog-notifications-container .notification,
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 16px;
border: none;
background-color: rgba(245, 245, 245, 0.1);
color: whitesmoke;
border-radius: 16px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(245, 245, 245, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: whitesmoke; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(245, 245, 245, 0.13);
color: whitesmoke; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px; }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background-color: #e5e5e5;
border-color: #e5e5e5;
color: #282828;
border-radius: 4px;
border-width: 1em; }
(uuay)gnome-shell-start.svg y1 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
id="svg8"
version="1.1"
viewBox="0 0 600 400"
height="400"
width="600"
sodipodi:docname="gnome-shell-start.svg">
<defs
id="defs2">
<linearGradient
id="a">
<stop
offset="0"
stop-color="#eef4fc"
id="stop3"
style="stop-color:#b2cdf1;stop-opacity:1" />
<stop
offset="1"
stop-color="#fff"
id="stop5" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient10562"
id="linearGradient10564"
x1="-1179.9999"
y1="1314.5198"
x2="-940.00006"
y2="1314.5198"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.3993149,0,0,1.3993149,1306.25,-919.42736)" />
<linearGradient
inkscape:collect="always"
id="linearGradient10562">
<stop
style="stop-color:#3580e4;stop-opacity:1"
offset="0"
id="stop10558" />
<stop
style="stop-color:#8abfdd;stop-opacity:1"
offset="1"
id="stop10560" />
</linearGradient>
<clipPath
id="e-3"
clipPathUnits="userSpaceOnUse">
<path
d="m 65,177 c -18.502,0 -33.5,14.998 -33.5,33.5 0.008,7.371 4.131,15.807 11.388,23.526 l 12.617,13.171 H 75.02 l 12.137,-13.245 c 6.636,-7.059 11.33,-16.117 11.344,-23.452 0,-18.502 -14.998,-33.5 -33.5,-33.5 z"
style="marker:none"
fill="#ffffff"
stroke-width="2"
id="path34-6" />
</clipPath>
<radialGradient
r="33.5"
fy="48.405998"
fx="79.091003"
cy="48.405998"
cx="79.091003"
gradientTransform="matrix(0.00476,1.62228,-1.43419,0.00422,141.702,-82.047)"
gradientUnits="userSpaceOnUse"
id="f-7"
xlink:href="#b" />
<linearGradient
id="b">
<stop
offset="0"
stop-color="#fff"
id="stop11" />
<stop
offset=".519"
stop-color="#fff"
id="stop13" />
<stop
offset=".734"
stop-color="#cfcfcf"
id="stop15" />
<stop
offset="1"
stop-color="#dcdcdc"
id="stop17" />
</linearGradient>
<radialGradient
r="12"
fy="54.102001"
fx="71.473999"
cy="54.102001"
cx="71.473999"
gradientTransform="matrix(4.50607,0,0,4.76661,-259.306,-59.706)"
gradientUnits="userSpaceOnUse"
id="g-2"
xlink:href="#c" />
<linearGradient
id="c">
<stop
offset="0"
stop-color="#ed686f"
id="stop20" />
<stop
offset=".865"
stop-color="#a51d2d"
id="stop22" />
<stop
offset="1"
stop-color="#e01b24"
id="stop24" />
</linearGradient>
<radialGradient
r="14.583"
fy="49.777"
fx="40.152"
cy="49.777"
cx="40.152"
gradientTransform="matrix(0.87016,4.27869,-2.56693,0.52204,148.394,-163.306)"
gradientUnits="userSpaceOnUse"
id="h-7"
xlink:href="#d" />
<linearGradient
id="d">
<stop
offset="0"
stop-color="#ed686f"
id="stop27" />
<stop
offset=".911"
stop-color="#a51d2d"
id="stop29" />
<stop
offset="1"
stop-color="#e01b24"
id="stop31" />
</linearGradient>
<radialGradient
r="14.583"
fy="49.777"
fx="40.152"
cy="49.777"
cx="40.152"
gradientTransform="matrix(0.87016,4.27869,-2.56693,0.52204,148.394,-163.306)"
gradientUnits="userSpaceOnUse"
id="i-6"
xlink:href="#d" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient860"
id="linearGradient22"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1.575111,0,0,1.575111,1217.8748,47.173672)"
x1="85"
y1="107.162"
x2="85"
y2="86" />
<linearGradient
id="linearGradient860">
<stop
offset="0"
stop-color="#eef4fc"
id="stop856"
style="stop-color:#c5dcf7;stop-opacity:1" />
<stop
offset="1"
stop-color="#fff"
id="stop858" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient860"
id="linearGradient24"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-2.1158457,0,0,2.1158457,1459.4994,-118.92278)"
x1="85"
y1="110.30392"
x2="85"
y2="86.986084" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient860"
id="linearGradient23"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.5463767,0,0,1.5463767,655.03375,-16.075361)"
x1="85"
y1="107.162"
x2="85"
y2="82.13472" />
</defs>
<sodipodi:namedview
units="px"
borderlayer="true"
inkscape:showpageshadow="false"
showgrid="false"
inkscape:document-rotation="0"
inkscape:current-layer="layer1"
inkscape:document-units="px"
inkscape:cy="75.603256"
inkscape:cx="199.00314"
inkscape:zoom="0.98994949"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
borderopacity="1"
bordercolor="#383838"
pagecolor="#1f1f1f"
id="base"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:snap-bbox="true"
inkscape:object-paths="true"
inkscape:snap-intersection-paths="true"
inkscape:snap-smooth-nodes="true"
inkscape:snap-midpoints="true">
<inkscape:grid
type="xygrid"
id="grid900" />
</sodipodi:namedview>
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Layer 1"
transform="translate(-620,9.4371882)">
<g
id="g4043"
transform="translate(-15.793175)">
<circle
style="fill:url(#linearGradient10564);fill-opacity:1;stroke:none;stroke-width:3.66905;stroke-linecap:round;stroke-linejoin:round"
id="path10517"
cx="-177.02397"
cy="920"
r="167.91774"
transform="rotate(-90)" />
<path
d="m 1066.6646,147.98131 c 12.3048,0.0174 23.474,7.19166 28.6008,18.37784 a 23.631877,23.631877 0 0 1 10.7762,-2.62748 c 12.4288,0.0178 22.7209,9.65384 23.5474,22.05492 h 0.08 c 8.6991,0 15.7508,7.05171 15.7508,15.75083 0,8.69911 -7.0522,15.75083 -15.7513,15.75083 h -88.2056 a 18.901933,18.901933 0 0 1 -18.9019,-18.901 18.901933,18.901933 0 0 1 12.6566,-17.81853 33.12417,33.12417 0 0 1 -0.056,-1.08246 c 0,-17.39824 14.1038,-31.50213 31.5025,-31.50213 z"
id="path10"
style="fill:url(#linearGradient22);stroke-width:0.577558" />
<g
id="g245"
transform="matrix(1.5161629,0,0,1.5161629,396.40481,-143.42807)">
<g
id="g126"
transform="matrix(0.75000161,0,0,0.75000161,154.45946,111.99828)">
<g
id="g265">
<g
transform="matrix(3.12129,0,0,2.9344,91.063695,-499.94397)"
clip-path="url(#e-3)"
id="g47-0">
<path
transform="translate(-8,156)"
d="M 73,21 C 54.498,21 39.5,35.998 39.5,54.5 39.508,61.871 43,68.922 46.44,74.879 L 58,98 H 88 L 99.605,74.79 C 103,68.91 106.485,61.835 106.5,54.5 106.5,35.998 91.502,21 73,21 Z"
style="fill:url(#f-7);marker:none"
fill="url(#f)"
id="path39-6" />
<path
d="m 64,177 c 0,0 -18.332,12.132 -18.332,30.989 0,14.571 16.174,46.011 16.174,46.011 H 67 c 0,0 1.333,-31.44 1.333,-46.011 C 68.333,189.132 64,177 64,177 Z"
fill="url(#g)"
id="path41-2"
style="fill:url(#g-2)" />
<path
transform="translate(-8,156)"
d="m 71.983,21.106 c -8.207,0.147 -16.328,3.285 -22.5,8.695 -6.174,5.409 -10.35,13.047 -11.574,21.163 -1.24,8.225 0.567,16.874 4.995,23.915 L 61.902,98 h 6.432 L 55.002,81.27 C 50.702,75.875 46.53,70.2 44.406,63.636 42.283,57.072 42.24,49.836 44.409,43.288 A 32.824,32.824 0 0 1 54.925,28.13 32.824,32.824 0 0 1 71.983,21.105 Z"
fill="url(#h)"
id="path43-6"
style="fill:url(#h-7)" />
<path
transform="matrix(-1,0,0,1,137.16,155.823)"
d="M 73.003,21.303 C 65.294,19.756 57.033,21.149 50.257,25.138 43.481,29.127 38.255,35.675 35.867,43.167 A 32.484,32.484 0 0 0 35.11,59.972 32.484,32.484 0 0 0 42.904,74.879 L 54.11,98 H 67.493 L 54.16,74.356 C 51.292,69.269 48.603,63.95 47.733,58.175 46.863,52.4 47.769,46.404 50.107,41.052 54.28,31.502 62.943,24.03 73.002,21.304 Z"
fill="url(#i)"
id="path45-1"
style="fill:url(#i-6)" />
</g>
<path
style="marker:none"
d="m 271.0607,256.22128 v 19.397 a 9.702,9.702 0 0 0 9.724,9.726 h 26.326 c 5.388,0 8.594,-4.457 9.725,-9.726 v -19.397 z"
fill="#e5a50a"
id="path49-8" />
<path
style="marker:none"
d="m 271.0607,252.06028 v 19.397 a 9.702,9.702 0 0 0 9.724,9.724 h 26.326 c 5.388,0 8.594,-4.455 9.725,-9.724 v -19.397 z"
fill="#e5a50a"
id="path51-7" />
<path
style="marker:none"
d="m 300.1907,252.06028 v 29.121 h 6.92 c 5.388,0 8.594,-4.455 9.725,-9.724 v -19.397 z"
fill="#f3af0b"
id="path53-9" />
</g>
</g>
</g>
<path
style="font-variation-settings:normal;fill:url(#linearGradient24);fill-opacity:1;stroke-width:0.822282"
d="m 1051.0577,24.011554 a 37.111799,37.111799 0 0 0 -36.9465,35.120895 c -13.3251,2.089947 -23.45686,13.564137 -23.45686,27.494149 0,15.421302 12.41476,27.836692 27.83666,27.836692 h 72.3273 c 11.9284,0 21.5316,-9.60251 21.5316,-21.530902 0,-11.928386 -9.6032,-21.532163 -21.5316,-21.532163 h -3.9868 a 37.111799,37.111799 0 0 0 1.4509,-10.27624 37.111799,37.111799 0 0 0 -37.1118,-37.111798 37.111799,37.111799 0 0 0 -0.1123,0 z"
id="path12" />
<path
d="m 803.48555,82.893284 c -12.0805,0.0171 -23.046,7.06046 -28.0791,18.042576 a 23.200767,23.200767 0 0 0 -10.5796,-2.579546 c -12.2021,0.0175 -22.3064,9.477716 -23.1179,21.652566 h -0.079 c -8.5404,0 -15.4634,6.92307 -15.4634,15.46349 0,8.54042 6.9235,15.46349 15.4639,15.46349 h 86.5965 a 18.55711,18.55711 0 0 0 18.5571,-18.55619 18.55711,18.55711 0 0 0 -12.4257,-17.49347 32.519894,32.519894 0 0 0 0.055,-1.06272 c 0,-17.080836 -13.8466,-30.927426 -30.9279,-30.927426 z"
id="path21"
style="fill:url(#linearGradient23);fill-opacity:1;stroke-width:0.999999" />
</g>
</g>
</svg>
(uuay)theme/
checkbox-off-light.svg Z <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="24"
height="24"
id="svg3199"
version="1.1"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
sodipodi:docname="checkbox-off-dark.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs3201">
<linearGradient
id="linearGradient15404"
inkscape:collect="always">
<stop
id="stop15406"
offset="0"
style="stop-color:#515151;stop-opacity:1" />
<stop
id="stop15408"
offset="1"
style="stop-color:#292929;stop-opacity:1" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 528.18109 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="744.09448 : 528.18109 : 1"
inkscape:persp3d-origin="372.04724 : 352.78739 : 1"
id="perspective3207" />
<inkscape:perspective
id="perspective3187"
inkscape:persp3d-origin="0.5 : 2.3333333 : 1"
inkscape:vp_z="1 : 2.5 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_x="0 : 2.5 : 1"
sodipodi:type="inkscape:persp3d" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5872-5-1"
id="linearGradient5891-0-4"
gradientUnits="userSpaceOnUse"
x1="205.84143"
y1="246.7094"
x2="206.74803"
y2="231.24142" />
<linearGradient
inkscape:collect="always"
id="linearGradient5872-5-1">
<stop
style="stop-color:#0b2e52;stop-opacity:1"
offset="0"
id="stop5874-4-4" />
<stop
style="stop-color:#1862af;stop-opacity:1"
offset="1"
id="stop5876-0-5" />
</linearGradient>
<inkscape:path-effect
effect="spiro"
id="path-effect5837-4-6"
is_visible="true"
lpeversion="0" />
<inkscape:path-effect
effect="spiro"
id="path-effect14768"
is_visible="true"
lpeversion="0" />
<inkscape:path-effect
effect="spiro"
id="path-effect5884-4-7"
is_visible="true"
lpeversion="0" />
<linearGradient
y2="-388.72955"
x2="-93.031357"
y1="-396.34738"
x1="-93.031357"
gradientTransform="matrix(1.5918367,0,0,0.85714285,-256.56122,59.685418)"
gradientUnits="userSpaceOnUse"
id="linearGradient14219"
xlink:href="#linearGradient15404"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
id="linearGradient10013-4-63-6">
<stop
style="stop-color:#333333;stop-opacity:1;"
offset="0"
id="stop10015-2-76-1" />
<stop
style="stop-color:#292929;stop-opacity:1"
offset="1"
id="stop10017-46-15-8" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient10597-5">
<stop
style="stop-color:#16191a;stop-opacity:1;"
offset="0"
id="stop10599-2" />
<stop
style="stop-color:#2b3133;stop-opacity:1"
offset="1"
id="stop10601-5" />
</linearGradient>
<linearGradient
y2="-322.16354"
x2="921.22498"
y1="-330.05121"
x1="921.32812"
gradientTransform="matrix(1.5918367,0,0,0.85714285,-1456.5464,275.45191)"
gradientUnits="userSpaceOnUse"
id="linearGradient15374"
xlink:href="#linearGradient10013-4-63-6"
inkscape:collect="always" />
<linearGradient
gradientTransform="translate(-1199.9852,216.38048)"
y2="-227.07961"
x2="1203.9177"
y1="-217.56708"
x1="1203.9177"
gradientUnits="userSpaceOnUse"
id="linearGradient15376"
xlink:href="#linearGradient10597-5"
inkscape:collect="always" />
<linearGradient
id="linearGradient5581-5-2-4-6-8-7-35-8">
<stop
id="stop5583-0-92-8-0-7-6-5-1"
offset="0"
style="stop-color:#454c4c;stop-opacity:1;" />
<stop
style="stop-color:#393f3f;stop-opacity:1;"
offset="0.40000001"
id="stop5585-4-7-2-7-9-9-92-0" />
<stop
id="stop5587-6-7-2-0-3-1-21-5"
offset="1"
style="stop-color:#2d3232;stop-opacity:1;" />
</linearGradient>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#a2a2a2"
bordercolor="#2d2d2d"
borderopacity="1"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
inkscape:zoom="11.313708"
inkscape:cx="12.374369"
inkscape:cy="8.8388348"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
borderlayer="true"
inkscape:showpageshadow="false"
inkscape:snap-nodes="false"
inkscape:snap-bbox="true"
showborder="true"
inkscape:pagecheckerboard="0">
<inkscape:grid
type="xygrid"
id="grid14843"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
</sodipodi:namedview>
<metadata
id="metadata3204">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-342.5,-521.36218)">
<rect
rx="3"
y="524.36218"
x="345.5"
height="18"
width="18"
id="rect11803"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#282828;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.15000001;marker:none;enable-background:accumulate"
ry="3" />
</g>
</svg>
(uuay)checkbox-off-focused-light.svg <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="24"
height="24"
id="svg3199"
version="1.1"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
sodipodi:docname="checkbox-off-focused-dark.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs3201">
<linearGradient
id="linearGradient15404"
inkscape:collect="always">
<stop
id="stop15406"
offset="0"
style="stop-color:#515151;stop-opacity:1" />
<stop
id="stop15408"
offset="1"
style="stop-color:#292929;stop-opacity:1" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 528.18109 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="744.09448 : 528.18109 : 1"
inkscape:persp3d-origin="372.04724 : 352.78739 : 1"
id="perspective3207" />
<inkscape:perspective
id="perspective3187"
inkscape:persp3d-origin="0.5 : 2.3333333 : 1"
inkscape:vp_z="1 : 2.5 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_x="0 : 2.5 : 1"
sodipodi:type="inkscape:persp3d" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5872-5-1"
id="linearGradient5891-0-4"
gradientUnits="userSpaceOnUse"
x1="205.84143"
y1="246.7094"
x2="206.74803"
y2="231.24142" />
<linearGradient
inkscape:collect="always"
id="linearGradient5872-5-1">
<stop
style="stop-color:#0b2e52;stop-opacity:1"
offset="0"
id="stop5874-4-4" />
<stop
style="stop-color:#1862af;stop-opacity:1"
offset="1"
id="stop5876-0-5" />
</linearGradient>
<inkscape:path-effect
effect="spiro"
id="path-effect5837-4-6"
is_visible="true"
lpeversion="0" />
<inkscape:path-effect
effect="spiro"
id="path-effect14768"
is_visible="true"
lpeversion="0" />
<inkscape:path-effect
effect="spiro"
id="path-effect5884-4-7"
is_visible="true"
lpeversion="0" />
<linearGradient
y2="-388.72955"
x2="-93.031357"
y1="-396.34738"
x1="-93.031357"
gradientTransform="matrix(1.5918367,0,0,0.85714285,-256.56122,59.685418)"
gradientUnits="userSpaceOnUse"
id="linearGradient14219"
xlink:href="#linearGradient15404"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
id="linearGradient10013-4-63-6">
<stop
style="stop-color:#333333;stop-opacity:1;"
offset="0"
id="stop10015-2-76-1" />
<stop
style="stop-color:#292929;stop-opacity:1"
offset="1"
id="stop10017-46-15-8" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient10597-5">
<stop
style="stop-color:#16191a;stop-opacity:1;"
offset="0"
id="stop10599-2" />
<stop
style="stop-color:#2b3133;stop-opacity:1"
offset="1"
id="stop10601-5" />
</linearGradient>
<linearGradient
y2="-322.16354"
x2="921.22498"
y1="-330.05121"
x1="921.32812"
gradientTransform="matrix(1.5918367,0,0,0.85714285,-1456.5464,275.45191)"
gradientUnits="userSpaceOnUse"
id="linearGradient15374"
xlink:href="#linearGradient10013-4-63-6"
inkscape:collect="always" />
<linearGradient
gradientTransform="translate(-1199.9852,216.38048)"
y2="-227.07961"
x2="1203.9177"
y1="-217.56708"
x1="1203.9177"
gradientUnits="userSpaceOnUse"
id="linearGradient15376"
xlink:href="#linearGradient10597-5"
inkscape:collect="always" />
<linearGradient
id="linearGradient5581-5-2-4-6-8-7-35-8">
<stop
id="stop5583-0-92-8-0-7-6-5-1"
offset="0"
style="stop-color:#454c4c;stop-opacity:1;" />
<stop
style="stop-color:#393f3f;stop-opacity:1;"
offset="0.40000001"
id="stop5585-4-7-2-7-9-9-92-0" />
<stop
id="stop5587-6-7-2-0-3-1-21-5"
offset="1"
style="stop-color:#2d3232;stop-opacity:1;" />
</linearGradient>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#a2a2a2"
bordercolor="#2d2d2d"
borderopacity="1"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
inkscape:zoom="11.313708"
inkscape:cx="12.374369"
inkscape:cy="8.8388348"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
borderlayer="true"
inkscape:showpageshadow="false"
inkscape:snap-nodes="false"
inkscape:snap-bbox="true"
showborder="true"
inkscape:pagecheckerboard="0">
<inkscape:grid
type="xygrid"
id="grid14843"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
</sodipodi:namedview>
<metadata
id="metadata3204">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-342.5,-521.36218)">
<rect
rx="3"
y="524.36218"
x="345.5"
height="18"
width="18"
id="rect11803"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#282828;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.15000001;marker:none;enable-background:accumulate"
ry="3" />
<rect
rx="5"
y="522.36218"
x="343.5"
height="22"
width="22"
id="rect2437"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.35;marker:none;enable-background:accumulate"
ry="5" />
</g>
</svg>
(uuay)org/ toggle-off.svg B <svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#fff;fill-opacity:.15;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;fill-opacity:1;stroke:none;stroke-width:1;marker:none"/></g></svg> (uuay)gnome-shell-dark.css �` /* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
/* Global Values */
stage {
font-size: 1em;
color: #ffffff; }
/* Common Stylings */
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 16px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.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, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-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, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-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.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #ffffff;
background-color: #474747; }
.icon-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, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #505459; }
.icon-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, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #ffffff;
background-color: #515151; }
.icon-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, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #3f3f3f; }
.icon-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, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-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, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #ffffff;
background-color: #5e5e5e; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #686868; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #5c6065; }
.icon-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, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #ffffff;
background-color: #5b5b5b; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #666666; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #727272; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .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.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #ffffff;
background-color: #353535; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(53, 74, 100, 0.2875); }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #464a4e; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #ffffff;
background-color: #474747; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #353535; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #ffffff;
background-color: #4c4c4c; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #5e5e5e; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #4b4f53; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #ffffff;
background-color: #494949; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #5b5b5b; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #606060; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .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.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: #ffffff;
background-color: #3584e4; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
box-shadow: inset 0 0 0 2px #78aded !important;
background-color: #3584e4; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #468ee6; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: #ffffff;
background-color: #478fe6; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #287ce2; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: #ffffff;
background-color: #5d9de9; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #6fa8ec; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #5b9be9; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 12px;
padding: 0.818em;
margin: 4px;
background-color: #474747;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #ffffff;
background-color: #474747; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #ffffff;
background-color: #515151; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #ffffff;
background-color: #5e5e5e; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #686868; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #5c5f64; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4e; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #4f5358; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #3f3f3f; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #ffffff;
background-color: #474747; }
.calendar:active, .datemenu-today-button:active {
color: #ffffff;
background-color: #4c4c4c; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #5e5e5e; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #4b4f53; }
.calendar:focus, .datemenu-today-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4e; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #4f5358; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #3f3f3f; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
border-radius: 8px;
padding: 9px 9px;
selection-background-color: #3584e4;
selected-color: #ffffff; }
StEntry {
background-color: #474747;
color: rgba(255, 255, 255, 0.7); }
StEntry:hover {
background-color: #515151;
color: #ffffff; }
StEntry:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f;
color: #ffffff; }
StEntry:insensitive {
background-color: #3f3f3f;
color: rgba(255, 255, 255, 0.5); }
StEntry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
font-weight: bold !important;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(154, 194, 242, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(168, 202, 243, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(255, 255, 255, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(179, 209, 245, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #ffffff;
background-color: #5b5b5b; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #666666; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #727272; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #3f3f3f; }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 15px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 15px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 15px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 15px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 15px 15px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: rgba(0, 0, 0, 0.9);
border: 1px solid rgba(255, 255, 255, 0.1);
color: #ffffff;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
font-weight: 800;
font-size: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label {
font-weight: 800;
font-size: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .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; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .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 {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #ffffff;
background-color: #353535;
border: 1px solid rgba(255, 255, 255, 0.02);
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: #474747;
color: rgba(255, 255, 255, 0.7); }
.lg-dialog StEntry:hover {
background-color: #515151;
color: #ffffff; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f;
color: #ffffff; }
.lg-dialog StEntry:insensitive {
background-color: #3f3f3f;
color: rgba(255, 255, 255, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #ffffff;
background-color: #474747; }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: #505459; }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #ffffff;
background-color: #515151; }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #ffffff;
background-color: #5e5e5e; }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: #686868; }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: #5c6065; }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #ffffff;
background-color: #5b5b5b; }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: #666666; }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: #727272; }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #3f3f3f; }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #ffffff;
background-color: #353535; }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(53, 74, 100, 0.2875); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: #464a4e; }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #ffffff;
background-color: #474747; }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #ffffff;
background-color: #4c4c4c; }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: #5e5e5e; }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: #4b4f53; }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #ffffff;
background-color: #494949; }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: #5b5b5b; }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: #606060; }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #353535; }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #464646;
color: rgba(245, 245, 245, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #505050;
color: whitesmoke; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #45494e;
color: whitesmoke; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #3e3e3e;
color: rgba(245, 245, 245, 0.5); }
.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(245, 245, 245, 0.7); }
.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, .login-dialog-button.web-login-intro-button {
color: whitesmoke;
background-color: #464646; }
.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, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #3e3e3e; }
.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, .login-dialog-button.web-login-intro-button:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #45494e; }
.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, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #4f5358; }
.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, .login-dialog-button.web-login-intro-button:hover {
color: whitesmoke;
background-color: #505050; }
.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, .login-dialog-button.web-login-intro-button:active {
color: whitesmoke;
background-color: #5d5d5d; }
.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, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #676767; }
.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, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #5b5f64; }
.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, .login-dialog-button.web-login-intro-button:checked {
color: whitesmoke;
background-color: #5a5a5a; }
.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, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #656565; }
.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, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #717171; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.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-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.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.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(149, 189, 237, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.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.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(162, 196, 238, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.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.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:hover {
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.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.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active {
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.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.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(245, 245, 245, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.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.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(173, 202, 239, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.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.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked {
color: whitesmoke;
background-color: #5a5a5a; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.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.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #656565; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.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.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked:active {
background-color: #717171; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.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.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #3e3e3e; }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(245, 245, 245, 0.1);
color: rgba(245, 245, 245, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(255, 255, 255, 0.1);
color: whitesmoke; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(149, 189, 237, 0.145);
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.4) !important;
background-color: rgba(245, 245, 245, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(237, 237, 237, 0.1);
color: rgba(245, 245, 245, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(245, 245, 245, 0.7); }
/* WIDGETS */
.shell-link {
color: #62a0ea; }
.shell-link:hover {
color: #8fbbf0; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f6d32d;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-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, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-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, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* Check Boxes */
.check-box StBoxLayout {
spacing: .8em; }
.check-box StBin {
width: 24px;
height: 24px;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); }
.check-box:focus StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
.check-box:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
.check-box:focus:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
/* Switches */
.toggle-switch {
color: #ffffff;
height: 26px;
width: 46px;
background-size: contain;
background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg"); }
.toggle-switch:checked {
background-image: url("resource:///org/gnome/shell/theme/toggle-on.svg"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(255, 255, 255, 0.2);
-barlevel-border-width: 2px;
-barlevel-border-color: transparent;
-barlevel-active-background-color: #3584e4;
-barlevel-active-border-color: transparent;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 1px;
-slider-handle-radius: 0.5455em;
-slider-handle-border-width: 0;
-slider-handle-border-color: transparent; }
/* Scrollbars */
StScrollView.vfade {
-st-vfade-offset: 68px; }
StScrollView.hfade {
-st-hfade-offset: 68px; }
StScrollBar {
padding: 0; }
StScrollView StScrollBar {
min-width: 8px;
min-height: 8px; }
StScrollBar StBin#trough {
border-radius: 0;
background-color: transparent; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 8px;
background-color: #717171;
border: 3px solid transparent;
transition: 500ms all ease; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #9a9a9a; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #868686; }
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-rise: 6px; }
.popup-menu {
min-width: 15em;
color: #ffffff; }
.popup-menu.panel-menu {
margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content {
padding: 6px;
background-color: #353535;
border-radius: 20px;
border: 1px solid #424242;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 12px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #ffffff;
background-color: #5d5d5d; }
.popup-menu-item:active {
color: #ffffff;
background-color: #6a6a6a; }
.popup-menu-item:active:hover {
background-color: #747474; }
.popup-menu-item:active:focus {
background-color: #676b70; }
.popup-menu-item:checked {
color: #ffffff;
background-color: #676767; }
.popup-menu-item:checked:hover {
background-color: #727272; }
.popup-menu-item:checked:active {
background-color: #7e7e7e; }
.popup-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #4b4b4b; }
.popup-menu-item:checked {
border-radius: 12px 12px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #ffffff; }
.popup-inactive-menu-item:insensitive {
color: #9a9a9a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 13px 13px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #ffffff;
background-color: #6d6d6d; }
.popup-sub-menu .popup-menu-item:active {
color: #ffffff;
background-color: #7a7a7a; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #848484; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #777a7f; }
.popup-sub-menu .popup-menu-item:checked {
color: #ffffff;
background-color: #777777; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #828282; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #8e8e8e; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #5b5b5b; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 12px 12px;
border-bottom-width: 0; }
.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
border-radius: 0; }
.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
border-radius: 0 0 12px 12px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: rgba(255, 255, 255, 0.1); }
.popup-sub-menu .popup-separator-menu-item {
background-color: transparent; }
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em; }
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em; }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background-color: rgba(255, 255, 255, 0.1); }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px; }
/* Date/Time Menu */
#calendarArea {
padding: 4px; }
.datemenu-popover {
border-radius: 30px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #ffffff !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #9a9a9a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(255, 255, 255, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(255, 255, 255, 0.5); }
.calendar .calendar-day.calendar-today {
color: #ffffff !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 8px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 4px;
background-color: rgba(154, 154, 154, 0.2);
color: #9a9a9a; }
.events-button .events-box .events-title {
color: #9a9a9a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 8px; }
.events-button .events-box .events-list .event-box .event-time {
color: #9a9a9a; }
.events-button .events-box .events-list .event-placeholder {
color: #9a9a9a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #9a9a9a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #ffffff; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #9a9a9a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #9a9a9a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #ffffff; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* Message List */
.message-list {
width: 29em;
border: solid rgba(255, 255, 255, 0.1); }
.message-list:ltr {
margin-left: 0;
margin-right: 4px;
padding-right: 6px;
border-right-width: 1px; }
.message-list:rtl {
margin-right: 0;
margin-left: 4px;
padding-left: 6px;
border-left-width: 1px; }
.message-list .message-list-placeholder {
color: rgba(255, 255, 255, 0.25); }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 6px;
spacing: 6px; }
.message-list-controls .dnd-button {
border-width: 2px;
border-color: transparent;
border-radius: 32px;
border-style: solid; }
.message-list-controls .dnd-button:focus {
border-color: rgba(53, 132, 228, 0.6); }
.message {
padding: 0;
margin: 0;
border-radius: 16px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #9a9a9a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #9a9a9a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(255, 255, 255, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(255, 255, 255, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(255, 255, 255, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(255, 255, 255, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #62a0ea; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 8px;
color: #ffffff;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: #5b5b5b;
color: #ffffff; }
.message-media-control:active {
background-color: #606060;
color: #ffffff; }
.message-media-control:insensitive {
color: #a7a7a7; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 8px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #9a9a9a; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 8px; }
.candidate-box:selected {
background-color: #3584e4;
color: #ffffff; }
.candidate-box:hover {
background-color: #4e4e4e;
color: white; }
.candidate-page-button-box {
height: 2em; }
.vertical .candidate-page-button-box {
padding-top: 12px; }
.horizontal .candidate-page-button-box {
padding-left: 12px; }
.candidate-page-button {
padding: 6px; }
.candidate-page-button StIcon {
icon-size: 16px; }
.candidate-page-button-previous {
border-radius: 8px 0px 0px 8px;
border-right-width: 0;
box-shadow: none; }
.candidate-page-button-next {
border-radius: 0px 8px 8px 0px;
box-shadow: none; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 16px;
margin: 4px; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #353535;
border-radius: 16px;
box-shadow: inset 0 0 0 1px #424242; }
.modal-dialog .modal-dialog-content-box {
margin: 32px 40px;
spacing: 32px;
max-width: 28em; }
/* End Session Dialog */
.end-session-dialog {
width: 30em; }
.end-session-dialog .end-session-dialog-battery-warning,
.end-session-dialog .dialog-list-title {
color: #f6d32d; }
/* Message Dialog */
.message-dialog-content {
spacing: 18px; }
.message-dialog-content .message-dialog-title {
text-align: center; }
.message-dialog-content .message-dialog-description {
text-align: center; }
/* Dialog List */
.dialog-list {
spacing: 18px; }
.dialog-list .dialog-list-title {
text-align: center; }
.dialog-list .dialog-list-scrollview {
max-height: 200px; }
.dialog-list .dialog-list-box {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
font-weight: bold; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
color: #f2f2f2; }
/* Run Dialog */
.run-dialog .modal-dialog-content-box {
margin-top: 24px;
margin-bottom: 12px; }
.run-dialog .run-dialog-entry {
width: 20em; }
.run-dialog .run-dialog-description {
text-align: center;
color: #cccccc; }
/* Password or Authentication Dialog */
.prompt-dialog {
width: 28em; }
.prompt-dialog .modal-dialog-content-box {
margin-bottom: 24px; }
.prompt-dialog-password-grid {
spacing-rows: 8px;
spacing-columns: 4px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry {
width: auto; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
margin-left: 20px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
margin-right: 20px; }
.prompt-dialog-password-layout {
spacing: 8px; }
.prompt-dialog-password-entry {
width: 20em; }
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label {
text-align: center; }
.prompt-dialog-error-label {
color: #f6d32d; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f6d32d; }
/* Audio selection dialog */
.audio-device-selection-dialog .modal-dialog-content-box {
margin-bottom: 28px; }
.audio-device-selection-dialog .audio-selection-box {
spacing: 20px; }
.audio-selection-device {
border-radius: 16px; }
.audio-selection-device:hover, .audio-selection-device:focus {
background-color: #4e4e4e; }
.audio-selection-device:active {
background-color: #3584e4;
color: #ffffff; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* Welcome dialog */
.welcome-dialog-image {
background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
background-size: contain;
/* Reasonable maximum dimensions */
height: 300px;
width: 300px; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* OSD */
.osd-window {
text-align: center;
font-weight: bold;
spacing: 12px;
padding: 12px 18px;
margin-bottom: 4em; }
.osd-window > * {
spacing: 8px; }
.osd-window StIcon {
icon-size: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-barlevel-height: 6px;
-barlevel-background-color: rgba(255, 255, 255, 0.1);
-barlevel-active-background-color: #ffffff;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-separator-width: 3px; }
.osd-window .level:first-child {
margin-bottom: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #3584e4;
color: #ffffff;
border-radius: 16px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.8); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
/* App Switcher */
.switcher-popup {
padding: 0;
spacing: 24px; }
.switcher-list {
padding: 12px;
border-radius: 28px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #ffffff;
background-color: #353535; }
.switcher-list .item-box:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(53, 74, 100, 0.2875); }
.switcher-list .item-box:focus:hover {
background-color: #464a4e; }
.switcher-list .item-box:hover {
color: #ffffff;
background-color: #474747; }
.switcher-list .item-box:active {
color: #ffffff;
background-color: #4c4c4c; }
.switcher-list .item-box:active:hover {
background-color: #5e5e5e; }
.switcher-list .item-box:active:focus {
background-color: #4b4f53; }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #ffffff;
background-color: #494949; }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: #5b5b5b; }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: #606060; }
.switcher-list .item-box:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #353535; }
.switcher-list .item-box:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(255, 255, 255, 0.2); }
.switcher-list .separator {
width: 1px;
background: rgba(255, 255, 255, 0.1); }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 6px; }
.switcher-list .thumbnail {
width: 256px;
border-radius: 8px; }
.switcher-arrow {
border-color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8); }
.switcher-arrow:highlighted {
border-color: #ffffff;
color: #ffffff; }
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px; }
.cycler-highlight {
border: 5px solid #3584e4; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(255, 255, 255, 0.5);
padding: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #ffffff;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 32px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: 14px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #ffffff;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #ffffff;
transition-duration: 200ms;
border-radius: 999px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: #4e4e4e; }
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: #cccccc; }
.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
background-color: gray; }
.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
background-color: #c01c28; }
.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
background-color: #d61f2d; }
.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
background-color: #a11722; }
.screenshot-ui-shot-cast-container {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(255, 255, 255, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #ffffff;
color: #353535; }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
border: 2px white; }
.screenshot-ui-area-selector-handle {
border-radius: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
width: 24px;
height: 24px; }
.screenshot-ui-window-selector {
background-color: #282828; }
.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
margin: 100px; }
.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
margin-bottom: 200px; }
.screenshot-ui-window-selector-window-border {
transition-duration: 200ms;
border-radius: 16px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #185fb4; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #3584e4;
background-color: rgba(53, 132, 228, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #ffffff;
background-color: #3584e4; }
.screenshot-ui-screen-selector {
transition-duration: 200ms;
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-screen-selector:hover {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-screen-selector:active {
background-color: rgba(0, 0, 0, 0.7); }
.screenshot-ui-screen-selector:checked {
background-color: transparent;
border: 2px white; }
.screenshot-ui-tooltip {
text-align: center;
-y-offset: 24px; }
/* Top Bar */
#panel {
background-color: #000000;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #ffffff; }
#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 {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #c01c28; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #d61f2d; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e02a37; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e13340; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #ff7800; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #ff861a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #ff902e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #ff9638; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview, #panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #c01c28; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #d61f2d; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e02a37; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e13340; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #ff7800; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #ff861a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #ff902e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #ff9638; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: whitesmoke; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #ff7800; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 36px; }
.quick-settings .icon-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 .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-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; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(255, 255, 255, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #78aded; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-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 .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-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; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
.quick-slider .slider-bin:focus:hover {
background-color: #505459; }
.quick-toggle-menu {
border-radius: 24px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #ffffff;
background-color: #474747; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(255, 255, 255, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #3584e4;
color: #ffffff; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #ffffff;
background-color: #474747;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(255, 255, 255, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-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 .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-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.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 .login-dialog-button.web-login-intro-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 .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.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 .login-dialog-button.web-login-intro-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 .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); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #ffffff; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #282828; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(71, 71, 71, 0.98);
color: whitesmoke;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent; }
.window-close StIcon, .screenshot-ui-close-button StIcon {
icon-size: 24px; }
.window-close:hover, .screenshot-ui-close-button:hover {
background-color: rgba(88, 88, 88, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(104, 104, 104, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 12px;
margin-bottom: 6px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #3d3d3d;
color: whitesmoke;
border-radius: 24px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent; }
.list-search-result, .search-provider-icon {
color: whitesmoke;
background-color: #3d3d3d;
border-radius: 13.2px; }
.list-search-result:focus, .search-provider-icon:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(59, 80, 106, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #4e5256; }
.list-search-result:hover, .search-provider-icon:hover {
color: whitesmoke;
background-color: #4f4f4f; }
.list-search-result:active, .search-provider-icon:active {
color: whitesmoke;
background-color: #545454; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #666666; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #52565b; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: whitesmoke;
background-color: #515151; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #636363; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #686868; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #3d3d3d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.search-statustext {
color: rgba(245, 245, 245, 0.8); }
.grid-search-results {
spacing: 30px;
margin: 0 12px; }
.search-provider-icon:ltr {
margin-right: 4px; }
.search-provider-icon:rtl {
margin-left: 4px; }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px;
color: whitesmoke; }
.list-search-results {
spacing: 6px; }
.list-search-result .list-search-result-content {
spacing: 6px; }
.list-search-result .list-search-result-title {
spacing: 12px; }
.list-search-result .list-search-result-description {
color: #959595; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #3d3d3d;
border-radius: 28px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: whitesmoke;
background-color: #3d3d3d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(59, 80, 106, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #4e5256; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: whitesmoke;
background-color: #4f4f4f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: whitesmoke;
background-color: #545454; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #666666; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #52565b; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: whitesmoke;
background-color: #515151; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #636363; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #686868; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: rgba(245, 245, 245, 0.1); }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: whitesmoke;
background-color: #282828;
border-radius: 24px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(44, 65, 91, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #3a3e42; }
.overview-tile:hover, .grid-search-result:hover {
color: whitesmoke;
background-color: #3a3a3a; }
.overview-tile:active, .grid-search-result:active {
color: whitesmoke;
background-color: #3f3f3f; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #515151; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3e4247; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: whitesmoke;
background-color: #3c3c3c; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #4e4e4e; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #535353; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #282828; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: whitesmoke;
background-color: #3a3a3a; }
.app-folder:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #3a3e43; }
.app-folder:focus:hover {
background-color: #43474c; }
.app-folder:hover {
color: whitesmoke;
background-color: #444444; }
.app-folder:active {
color: whitesmoke;
background-color: #515151; }
.app-folder:active:hover {
background-color: #5b5b5b; }
.app-folder:active:focus {
background-color: #505458; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: whitesmoke;
background-color: #4e4e4e; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #595959; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #656565; }
.app-folder:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #323232; }
.app-folder:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: whitesmoke;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 64px;
background-color: #3d3d3d;
color: whitesmoke;
padding: 0 1px;
box-shadow: inset 0 0 0 1px rgba(245, 245, 245, 0.1); }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
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.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 .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-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: whitesmoke;
background-color: #4e4e4e; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: whitesmoke;
background-color: #585858; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: whitesmoke;
background-color: #656565; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: #6f6f6f; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: #63676b; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: whitesmoke;
background-color: #3d3d3d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: whitesmoke;
background-color: #4f4f4f; }
.app-folder-dialog .page-navigation-arrow:active {
color: whitesmoke;
background-color: #545454; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #666666; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #52565b; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: whitesmoke;
background-color: #3d3d3d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(59, 80, 106, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #4e5256; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: whitesmoke;
background-color: #4f4f4f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: whitesmoke;
background-color: #545454; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #666666; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #52565b; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: whitesmoke;
background-color: #515151; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #636363; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #686868; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #3d3d3d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.rename-folder-popup .rename-folder-popup-item {
spacing: 6px; }
.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
padding: 0 12px; }
.page-indicator {
padding: 6px 12px 0;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: whitesmoke;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(245, 245, 245, 0.1);
color: whitesmoke;
border-radius: 999px;
icon-size: 48px; }
.page-navigation-hint.dnd {
background: rgba(255, 255, 255, 0.1); }
.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
background-gradient-start: rgba(255, 255, 255, 0.05);
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: 24px 0px 0px 24px; }
.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
background-gradient-start: transparent;
background-gradient-end: rgba(255, 255, 255, 0.05);
background-gradient-direction: horizontal;
border-radius: 0px 24px 24px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: whitesmoke;
background-color: #282828; }
.page-navigation-arrow > StIcon {
color: whitesmoke; }
.page-navigation-arrow:hover {
color: whitesmoke;
background-color: #3a3a3a; }
.page-navigation-arrow:active {
color: whitesmoke;
background-color: #3f3f3f; }
.page-navigation-arrow:active:hover {
background-color: #515151; }
.page-navigation-arrow:active:focus {
background-color: #3e4247; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px; }
.workspace-thumbnails .workspace-thumbnail {
color: whitesmoke;
background-color: #4e4e4e;
border-radius: 4px;
border: 1px solid transparent; }
.workspace-thumbnails .placeholder {
background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
background-size: contain;
width: 18px; }
.workspace-thumbnail-indicator {
border: 3px solid #3584e4;
border-radius: 8px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(188, 214, 246, 0.3);
box-shadow: 0 0 2px 2px #8fbbf0; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #3584e4;
-pie-background-color: rgba(233, 242, 252, 0.3); }
.magnifier-zoom-region {
border: 2px solid #3584e4; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
.select-area-rubberband {
background-color: rgba(53, 132, 228, 0.3);
border: 1px solid #3584e4; }
.user-icon {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
background-color: rgba(255, 255, 255, 0.05);
color: #ffffff; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f6d32d; }
/* Workspace animation */
.workspace-animation {
background-color: #353535; }
/* Tiled window previews */
.tile-preview {
background-color: rgba(53, 132, 228, 0.5);
border: 1px solid #3584e4; }
/* On-screen Keyboard */
#keyboard {
background-color: #353535;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02); }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 8px;
height: 8px; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
font-size: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 10px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #ffffff;
background-color: #5d5d5d; }
.keyboard-key:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
.keyboard-key:focus:hover {
background-color: #505459; }
.keyboard-key:hover {
color: #ffffff;
background-color: #676767; }
.keyboard-key:active {
color: #ffffff;
background-color: #747474; }
.keyboard-key:active:hover {
background-color: #7e7e7e; }
.keyboard-key:active:focus {
background-color: #71757a; }
.keyboard-key:checked {
color: #ffffff;
background-color: #717171; }
.keyboard-key:checked:hover {
background-color: #7c7c7c; }
.keyboard-key:checked:active {
background-color: #888888; }
.keyboard-key:grayed {
background-color: #2d2d2d;
color: #ffffff;
border-color: rgba(255, 255, 255, 0.1); }
.keyboard-key.default-key {
color: #ffffff;
background-color: #454545;
border-radius: 10px; }
.keyboard-key.default-key:hover {
color: #ffffff;
background-color: #4f4f4f; }
.keyboard-key.default-key:active {
color: #ffffff;
background-color: #5c5c5c; }
.keyboard-key.default-key:active:hover {
background-color: #666666; }
.keyboard-key.default-key:active:focus {
background-color: #5a5e63; }
.keyboard-key.default-key:checked {
color: #ffffff;
background-color: #595959; }
.keyboard-key.default-key:checked:hover {
background-color: #646464; }
.keyboard-key.default-key:checked:active {
background-color: #707070; }
.keyboard-key.default-key:latched {
border-color: #4b92e7;
background-color: #3584e4; }
.keyboard-key.enter-key {
color: #ffffff;
background-color: #478fe6;
border-radius: 10px;
color: #ffffff; }
.keyboard-key.enter-key:hover {
color: #ffffff;
background-color: #599ae8; }
.keyboard-key.enter-key:active {
color: #ffffff;
background-color: #6fa8eb; }
.keyboard-key.enter-key:active:hover {
background-color: #81b3ee; }
.keyboard-key.enter-key:active:focus {
background-color: #6ca6eb; }
.keyboard-key.enter-key:checked {
color: #ffffff;
background-color: #6ba5eb; }
.keyboard-key.enter-key:checked:hover {
background-color: #7db0ed; }
.keyboard-key.enter-key:checked:active {
background-color: #93bdf0; }
.keyboard-key.shift-key-uppercase {
background-color: gray;
color: #353535; }
.keyboard-key.shift-key-uppercase:hover {
background-color: #8c8c8c;
color: #424242; }
.keyboard-key StIcon {
icon-size: 24px; }
.keyboard-subkeys {
-arrow-border-radius: 16px;
-arrow-background-color: #353535;
-arrow-border-width: 1px;
-arrow-border-color: #4c4c4c;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px;
padding: 6px; }
.keyboard-subkeys .keyboard-key {
color: #ffffff;
background-color: #5d5d5d;
border-radius: 10px; }
.keyboard-subkeys .keyboard-key:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #505459; }
.keyboard-subkeys .keyboard-key:hover {
color: #ffffff;
background-color: #676767; }
.keyboard-subkeys .keyboard-key:active {
color: #ffffff;
background-color: #747474; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #7e7e7e; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #71757a; }
.keyboard-subkeys .keyboard-key:checked {
color: #ffffff;
background-color: #717171; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #7c7c7c; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #888888; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #4b92e7;
background-color: #3584e4; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #ffffff; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
.word-suggestions StButton:focus:hover {
background-color: #505459; }
.word-suggestions StButton:hover {
color: #ffffff;
background-color: #676767; }
.word-suggestions StButton:active {
color: #ffffff;
background-color: #747474; }
.word-suggestions StButton:active:hover {
background-color: #7e7e7e; }
.word-suggestions StButton:active:focus {
background-color: #71757a; }
.word-suggestions StButton:checked {
color: #ffffff;
background-color: #717171; }
.word-suggestions StButton:checked:hover {
background-color: #7c7c7c; }
.word-suggestions StButton:checked:active {
background-color: #888888; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(53, 53, 53, 0.98);
color: #ffffff;
border-radius: 16px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#LookingGlassDialog > #Toolbar {
border: none;
padding: 6px;
border-radius: 0;
background-color: transparent;
spacing: 6px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
padding: 6px 12px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
icon-size: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.lg-dialog .shell-link {
color: #62a0ea; }
.lg-dialog .shell-link:hover {
color: #8fbbf0; }
.lg-dialog .shell-link:active {
color: #3585e4; }
.lg-dialog .actor-link {
color: #9a9a9a; }
.lg-dialog .actor-link:hover {
color: #cdcdcd; }
.lg-dialog .actor-link:active {
color: #676767; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 4px;
border-radius: 8px; }
.lg-obj-inspector-button:hover {
border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #353535;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 6px; }
.lg-debug-flag-button {
color: #ffffff; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #cccccc; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: whitesmoke; }
.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: whitesmoke; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8f8f8f;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f6d32d; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: gainsboro; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: whitesmoke;
background-color: #282828;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(44, 65, 91, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #3a3e42; }
.login-dialog-not-listed-button:hover {
color: whitesmoke;
background-color: #3a3a3a; }
.login-dialog-not-listed-button:active {
color: whitesmoke;
background-color: #3f3f3f; }
.login-dialog-not-listed-button:active:hover {
background-color: #515151; }
.login-dialog-not-listed-button:active:focus {
background-color: #3e4247; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 16px;
padding: 4px;
color: darkgray; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #3584e4;
color: #ffffff; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: whitesmoke;
background-color: #3a3a3a;
border-radius: 16px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #3a3e43; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #43474c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: whitesmoke;
background-color: #444444; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: whitesmoke;
background-color: #515151; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5b5b5b; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #505458; }
.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 {
height: 2px;
margin-top: 6px;
background-color: rgba(245, 245, 245, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #3584e4; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(53, 132, 228, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(53, 53, 53, 0.7);
border-radius: 16px;
margin-bottom: 3em; }
.web-login-spinner {
color: #ffffff;
background-color: rgba(53, 53, 53, 0.5);
border: 5px transparent;
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #b3b3b3; }
.web-login-url-label {
font-size: 1em;
color: #ffffff;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #ffffff; }
.web-login-code-label {
font-size: 1em;
color: #ffffff;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 16px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #ffffff;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #ffffff;
height: 3em;
text-align: center;
border-radius: 32px; }
.unlock-dialog {
background-color: transparent; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #282828; }
.unlock-dialog-clock {
color: whitesmoke;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 16px;
font-weight: bold; }
#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
background-color: rgba(53, 53, 53, 0.3); }
#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(53, 53, 53, 0.5); }
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
background-color: rgba(53, 132, 228, 0.5); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
background-color: transparent; }
.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0; }
.unlock-dialog-notifications-container .notification,
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 16px;
border: none;
background-color: rgba(245, 245, 245, 0.1);
color: whitesmoke;
border-radius: 16px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(245, 245, 245, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: whitesmoke; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(245, 245, 245, 0.13);
color: whitesmoke; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px; }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background-color: whitesmoke;
border-color: whitesmoke;
color: #282828;
border-radius: 4px;
border-width: 1em; }
(uuay)checkbox-off-focused.svg� <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><g transform="translate(-342.5 -521.362)"><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#fff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.15000001;marker:none;enable-background:accumulate" ry="3"/><rect rx="5" y="522.362" x="343.5" height="22" width="22" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.35;marker:none;enable-background:accumulate" ry="5"/></g></svg> (uuay)checkbox.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><g transform="translate(-342.5 -521.362)"><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:#3584e4;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" ry="3"/><path style="color:#000;fill:#fff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none" d="M361.998 527.733a1.5 1.5 0 0 0-2.117.127l-6.928 7.824-2.928-2.882a1.5 1.5 0 0 0-2.12.015 1.5 1.5 0 0 0 .015 2.121l4.055 3.993a1.5 1.5 0 0 0 2.175-.075l7.975-9.006a1.5 1.5 0 0 0-.127-2.117z"/></g></svg> (uuay)shell/ checkbox-off.svg \ <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#fff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.15000001;marker:none;enable-background:accumulate" ry="3" transform="translate(-342.5 -521.362)"/></svg> (uuay)toggle-on-light.svg � <svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#3081e3" ry="13" style="fill:#3584e4;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg> (uuay)toggle-off-light.svg <svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect width="46" height="26" x="-46" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#c0bfbc;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="-23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="stroke:none;stroke-width:1;marker:none"/></g></svg> (uuay)/ pad-osd.css � .Leader {
stroke-width: .5 !important;
stroke: #535353;
fill: none !important;
}
.Button {
stroke-width: .25;
stroke: #ededed;
fill: #ededed;
}
.Ring {
stroke-width: .5 !important;
stroke: #535353 !important;
fill: none !important;
}
.Label {
stroke: none !important;
stroke-width: .1 !important;
fill: transparent !important;
}
.TouchStrip, .TouchRing {
stroke-width: .1 !important;
stroke: #ededed !important;
fill: #535353 !important;
}
(uuay)gdm.css �` /* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
/* Global Values */
stage {
font-size: 1em;
color: #ffffff; }
/* Common Stylings */
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 16px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.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, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-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, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-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.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
color: #ffffff;
background-color: #474747; }
.icon-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, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #505459; }
.icon-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, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
color: #ffffff;
background-color: #515151; }
.icon-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, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #3f3f3f; }
.icon-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, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-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, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
color: #ffffff;
background-color: #5e5e5e; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #686868; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #5c6065; }
.icon-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, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
color: #ffffff;
background-color: #5b5b5b; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #666666; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #727272; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .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.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
color: #ffffff;
background-color: #353535; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(53, 74, 100, 0.2875); }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #464a4e; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
color: #ffffff;
background-color: #474747; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #353535; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
color: #ffffff;
background-color: #4c4c4c; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #5e5e5e; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #4b4f53; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
color: #ffffff;
background-color: #494949; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #5b5b5b; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #606060; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .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.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
color: #ffffff;
background-color: #3584e4; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
box-shadow: inset 0 0 0 2px #78aded !important;
background-color: #3584e4; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #468ee6; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
color: #ffffff;
background-color: #478fe6; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #287ce2; }
.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
color: #ffffff;
background-color: #5d9de9; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #6fa8ec; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #5b9be9; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 12px;
padding: 0.818em;
margin: 4px;
background-color: #474747;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid transparent; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
color: #ffffff;
background-color: #474747; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
color: #ffffff;
background-color: #515151; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
color: #ffffff;
background-color: #5e5e5e; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #686868; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #5c5f64; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4e; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #4f5358; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #3f3f3f; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
color: #ffffff;
background-color: #474747; }
.calendar:active, .datemenu-today-button:active {
color: #ffffff;
background-color: #4c4c4c; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #5e5e5e; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #4b4f53; }
.calendar:focus, .datemenu-today-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4e; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #4f5358; }
.calendar:insensitive, .datemenu-today-button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #3f3f3f; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
border-radius: 8px;
padding: 9px 9px;
selection-background-color: #3584e4;
selected-color: #ffffff; }
StEntry {
background-color: #474747;
color: rgba(255, 255, 255, 0.7); }
StEntry:hover {
background-color: #515151;
color: #ffffff; }
StEntry:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f;
color: #ffffff; }
StEntry:insensitive {
background-color: #3f3f3f;
color: rgba(255, 255, 255, 0.5); }
StEntry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
font-weight: bold !important;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(154, 194, 242, 0.145); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(168, 202, 243, 0.1735); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.13); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.16); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(255, 255, 255, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(179, 209, 245, 0.202); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
color: #ffffff;
background-color: #5b5b5b; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #666666; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #727272; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #3f3f3f; }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 15px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 15px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 15px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 15px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 15px 15px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: rgba(0, 0, 0, 0.9);
border: 1px solid rgba(255, 255, 255, 0.1);
color: #ffffff;
border-radius: 999px;
padding: 6px 12px;
text-align: center; }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
font-weight: 800;
font-size: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label {
font-weight: 800;
font-size: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .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; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .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 {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #ffffff;
background-color: #353535;
border: 1px solid rgba(255, 255, 255, 0.02);
border-radius: 999px;
padding: 12px; }
.lg-dialog StEntry {
background-color: #474747;
color: rgba(255, 255, 255, 0.7); }
.lg-dialog StEntry:hover {
background-color: #515151;
color: #ffffff; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f;
color: #ffffff; }
.lg-dialog StEntry:insensitive {
background-color: #3f3f3f;
color: rgba(255, 255, 255, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
color: #ffffff;
background-color: #474747; }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: #505459; }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
color: #ffffff;
background-color: #515151; }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
color: #ffffff;
background-color: #5e5e5e; }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: #686868; }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: #5c6065; }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
color: #ffffff;
background-color: #5b5b5b; }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: #666666; }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: #727272; }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #3f3f3f; }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
color: #ffffff;
background-color: #353535; }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(53, 74, 100, 0.2875); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: #464a4e; }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
color: #ffffff;
background-color: #474747; }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
color: #ffffff;
background-color: #4c4c4c; }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: #5e5e5e; }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: #4b4f53; }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
color: #ffffff;
background-color: #494949; }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: #5b5b5b; }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: #606060; }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #353535; }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
background-color: #464646;
color: rgba(245, 245, 245, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
background-color: #505050;
color: whitesmoke; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #45494e;
color: whitesmoke; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
background-color: #3e3e3e;
color: rgba(245, 245, 245, 0.5); }
.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(245, 245, 245, 0.7); }
.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, .login-dialog-button.web-login-intro-button {
color: whitesmoke;
background-color: #464646; }
.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, .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #3e3e3e; }
.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, .login-dialog-button.web-login-intro-button:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #45494e; }
.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, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #4f5358; }
.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, .login-dialog-button.web-login-intro-button:hover {
color: whitesmoke;
background-color: #505050; }
.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, .login-dialog-button.web-login-intro-button:active {
color: whitesmoke;
background-color: #5d5d5d; }
.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, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #676767; }
.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, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #5b5f64; }
.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, .login-dialog-button.web-login-intro-button:checked {
color: whitesmoke;
background-color: #5a5a5a; }
.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, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #656565; }
.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, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #717171; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.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-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.1); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.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.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(149, 189, 237, 0.145); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.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.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(162, 196, 238, 0.1735); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.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.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:hover {
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.13); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.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.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active {
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.16); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.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.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(245, 245, 245, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.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.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(173, 202, 239, 0.202); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.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.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked {
color: whitesmoke;
background-color: #5a5a5a; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.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.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #656565; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.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.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked:active {
background-color: #717171; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.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.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #3e3e3e; }
.unlock-dialog .login-dialog-prompt-entry {
background-color: rgba(245, 245, 245, 0.1);
color: rgba(245, 245, 245, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
background-color: rgba(255, 255, 255, 0.1);
color: whitesmoke; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(149, 189, 237, 0.145);
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.4) !important;
background-color: rgba(245, 245, 245, 0.115); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
background-color: rgba(237, 237, 237, 0.1);
color: rgba(245, 245, 245, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(245, 245, 245, 0.7); }
/* WIDGETS */
.shell-link {
color: #62a0ea; }
.shell-link:hover {
color: #8fbbf0; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f6d32d;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-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, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-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, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* Check Boxes */
.check-box StBoxLayout {
spacing: .8em; }
.check-box StBin {
width: 24px;
height: 24px;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); }
.check-box:focus StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
.check-box:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
.check-box:focus:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
/* Switches */
.toggle-switch {
color: #ffffff;
height: 26px;
width: 46px;
background-size: contain;
background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg"); }
.toggle-switch:checked {
background-image: url("resource:///org/gnome/shell/theme/toggle-on.svg"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(255, 255, 255, 0.2);
-barlevel-border-width: 2px;
-barlevel-border-color: transparent;
-barlevel-active-background-color: #3584e4;
-barlevel-active-border-color: transparent;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 1px;
-slider-handle-radius: 0.5455em;
-slider-handle-border-width: 0;
-slider-handle-border-color: transparent; }
/* Scrollbars */
StScrollView.vfade {
-st-vfade-offset: 68px; }
StScrollView.hfade {
-st-hfade-offset: 68px; }
StScrollBar {
padding: 0; }
StScrollView StScrollBar {
min-width: 8px;
min-height: 8px; }
StScrollBar StBin#trough {
border-radius: 0;
background-color: transparent; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 8px;
background-color: #717171;
border: 3px solid transparent;
transition: 500ms all ease; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #9a9a9a; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #868686; }
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-rise: 6px; }
.popup-menu {
min-width: 15em;
color: #ffffff; }
.popup-menu.panel-menu {
margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content {
padding: 6px;
background-color: #353535;
border-radius: 20px;
border: 1px solid #424242;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.popup-menu-item {
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 12px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
color: #ffffff;
background-color: #5d5d5d; }
.popup-menu-item:active {
color: #ffffff;
background-color: #6a6a6a; }
.popup-menu-item:active:hover {
background-color: #747474; }
.popup-menu-item:active:focus {
background-color: #676b70; }
.popup-menu-item:checked {
color: #ffffff;
background-color: #676767; }
.popup-menu-item:checked:hover {
background-color: #727272; }
.popup-menu-item:checked:active {
background-color: #7e7e7e; }
.popup-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #4b4b4b; }
.popup-menu-item:checked {
border-radius: 12px 12px 0 0 !important; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #ffffff; }
.popup-inactive-menu-item:insensitive {
color: #9a9a9a; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 13px 13px;
margin-bottom: 6px;
border: 1px solid transparent; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
color: #ffffff;
background-color: #6d6d6d; }
.popup-sub-menu .popup-menu-item:active {
color: #ffffff;
background-color: #7a7a7a; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #848484; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #777a7f; }
.popup-sub-menu .popup-menu-item:checked {
color: #ffffff;
background-color: #777777; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: #828282; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #8e8e8e; }
.popup-sub-menu .popup-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #5b5b5b; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 12px 12px;
border-bottom-width: 0; }
.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
border-radius: 0; }
.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
border-radius: 0 0 12px 12px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: rgba(255, 255, 255, 0.1); }
.popup-sub-menu .popup-separator-menu-item {
background-color: transparent; }
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em; }
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em; }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background-color: rgba(255, 255, 255, 0.1); }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px; }
/* Date/Time Menu */
#calendarArea {
padding: 4px; }
.datemenu-popover {
border-radius: 30px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #ffffff !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #9a9a9a; }
.calendar .calendar-day.calendar-other-month {
color: rgba(255, 255, 255, 0.5);
font-weight: normal; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(255, 255, 255, 0.5); }
.calendar .calendar-day.calendar-today {
color: #ffffff !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 8px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 4px;
background-color: rgba(154, 154, 154, 0.2);
color: #9a9a9a; }
.events-button .events-box .events-title {
color: #9a9a9a;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 8px; }
.events-button .events-box .events-list .event-box .event-time {
color: #9a9a9a; }
.events-button .events-box .events-list .event-placeholder {
color: #9a9a9a;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #9a9a9a; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #ffffff; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #9a9a9a; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #9a9a9a; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #ffffff; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* Message List */
.message-list {
width: 29em;
border: solid rgba(255, 255, 255, 0.1); }
.message-list:ltr {
margin-left: 0;
margin-right: 4px;
padding-right: 6px;
border-right-width: 1px; }
.message-list:rtl {
margin-right: 0;
margin-left: 4px;
padding-left: 6px;
border-left-width: 1px; }
.message-list .message-list-placeholder {
color: rgba(255, 255, 255, 0.25); }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 6px;
spacing: 6px; }
.message-list-controls .dnd-button {
border-width: 2px;
border-color: transparent;
border-radius: 32px;
border-style: solid; }
.message-list-controls .dnd-button:focus {
border-color: rgba(53, 132, 228, 0.6); }
.message {
padding: 0;
margin: 0;
border-radius: 16px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #9a9a9a; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #9a9a9a;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(255, 255, 255, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(255, 255, 255, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(255, 255, 255, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(255, 255, 255, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #62a0ea; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 8px;
color: #ffffff;
border: 1px solid transparent; }
.message-media-control:hover {
background-color: #5b5b5b;
color: #ffffff; }
.message-media-control:active {
background-color: #606060;
color: #ffffff; }
.message-media-control:insensitive {
color: #a7a7a7; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 8px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #9a9a9a; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 8px; }
.candidate-box:selected {
background-color: #3584e4;
color: #ffffff; }
.candidate-box:hover {
background-color: #4e4e4e;
color: white; }
.candidate-page-button-box {
height: 2em; }
.vertical .candidate-page-button-box {
padding-top: 12px; }
.horizontal .candidate-page-button-box {
padding-left: 12px; }
.candidate-page-button {
padding: 6px; }
.candidate-page-button StIcon {
icon-size: 16px; }
.candidate-page-button-previous {
border-radius: 8px 0px 0px 8px;
border-right-width: 0;
box-shadow: none; }
.candidate-page-button-next {
border-radius: 0px 8px 8px 0px;
box-shadow: none; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 16px;
margin: 4px; }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #353535;
border-radius: 16px;
box-shadow: inset 0 0 0 1px #424242; }
.modal-dialog .modal-dialog-content-box {
margin: 32px 40px;
spacing: 32px;
max-width: 28em; }
/* End Session Dialog */
.end-session-dialog {
width: 30em; }
.end-session-dialog .end-session-dialog-battery-warning,
.end-session-dialog .dialog-list-title {
color: #f6d32d; }
/* Message Dialog */
.message-dialog-content {
spacing: 18px; }
.message-dialog-content .message-dialog-title {
text-align: center; }
.message-dialog-content .message-dialog-description {
text-align: center; }
/* Dialog List */
.dialog-list {
spacing: 18px; }
.dialog-list .dialog-list-title {
text-align: center; }
.dialog-list .dialog-list-scrollview {
max-height: 200px; }
.dialog-list .dialog-list-box {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
font-weight: bold; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
color: #f2f2f2; }
/* Run Dialog */
.run-dialog .modal-dialog-content-box {
margin-top: 24px;
margin-bottom: 12px; }
.run-dialog .run-dialog-entry {
width: 20em; }
.run-dialog .run-dialog-description {
text-align: center;
color: #cccccc; }
/* Password or Authentication Dialog */
.prompt-dialog {
width: 28em; }
.prompt-dialog .modal-dialog-content-box {
margin-bottom: 24px; }
.prompt-dialog-password-grid {
spacing-rows: 8px;
spacing-columns: 4px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry {
width: auto; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
margin-left: 20px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
margin-right: 20px; }
.prompt-dialog-password-layout {
spacing: 8px; }
.prompt-dialog-password-entry {
width: 20em; }
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label {
text-align: center; }
.prompt-dialog-error-label {
color: #f6d32d; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f6d32d; }
/* Audio selection dialog */
.audio-device-selection-dialog .modal-dialog-content-box {
margin-bottom: 28px; }
.audio-device-selection-dialog .audio-selection-box {
spacing: 20px; }
.audio-selection-device {
border-radius: 16px; }
.audio-selection-device:hover, .audio-selection-device:focus {
background-color: #4e4e4e; }
.audio-selection-device:active {
background-color: #3584e4;
color: #ffffff; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* Welcome dialog */
.welcome-dialog-image {
background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
background-size: contain;
/* Reasonable maximum dimensions */
height: 300px;
width: 300px; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* OSD */
.osd-window {
text-align: center;
font-weight: bold;
spacing: 12px;
padding: 12px 18px;
margin-bottom: 4em; }
.osd-window > * {
spacing: 8px; }
.osd-window StIcon {
icon-size: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-barlevel-height: 6px;
-barlevel-background-color: rgba(255, 255, 255, 0.1);
-barlevel-active-background-color: #ffffff;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-separator-width: 3px; }
.osd-window .level:first-child {
margin-bottom: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #3584e4;
color: #ffffff;
border-radius: 16px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.8); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
/* App Switcher */
.switcher-popup {
padding: 0;
spacing: 24px; }
.switcher-list {
padding: 12px;
border-radius: 28px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
color: #ffffff;
background-color: #353535; }
.switcher-list .item-box:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(53, 74, 100, 0.2875); }
.switcher-list .item-box:focus:hover {
background-color: #464a4e; }
.switcher-list .item-box:hover {
color: #ffffff;
background-color: #474747; }
.switcher-list .item-box:active {
color: #ffffff;
background-color: #4c4c4c; }
.switcher-list .item-box:active:hover {
background-color: #5e5e5e; }
.switcher-list .item-box:active:focus {
background-color: #4b4f53; }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
color: #ffffff;
background-color: #494949; }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: #5b5b5b; }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: #606060; }
.switcher-list .item-box:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: #353535; }
.switcher-list .item-box:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(255, 255, 255, 0.2); }
.switcher-list .separator {
width: 1px;
background: rgba(255, 255, 255, 0.1); }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 6px; }
.switcher-list .thumbnail {
width: 256px;
border-radius: 8px; }
.switcher-arrow {
border-color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8); }
.switcher-arrow:highlighted {
border-color: #ffffff;
color: #ffffff; }
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px; }
.cycler-highlight {
border: 5px solid #3584e4; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(255, 255, 255, 0.5);
padding: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #ffffff;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 32px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: 14px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #ffffff;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #ffffff;
transition-duration: 200ms;
border-radius: 999px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: #4e4e4e; }
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: #cccccc; }
.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
background-color: gray; }
.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
background-color: #c01c28; }
.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
background-color: #d61f2d; }
.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
background-color: #a11722; }
.screenshot-ui-shot-cast-container {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px; }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(255, 255, 255, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #ffffff;
color: #353535; }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
border: 2px white; }
.screenshot-ui-area-selector-handle {
border-radius: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
width: 24px;
height: 24px; }
.screenshot-ui-window-selector {
background-color: #282828; }
.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
margin: 100px; }
.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
margin-bottom: 200px; }
.screenshot-ui-window-selector-window-border {
transition-duration: 200ms;
border-radius: 16px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #185fb4; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #3584e4;
background-color: rgba(53, 132, 228, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #ffffff;
background-color: #3584e4; }
.screenshot-ui-screen-selector {
transition-duration: 200ms;
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-screen-selector:hover {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-screen-selector:active {
background-color: rgba(0, 0, 0, 0.7); }
.screenshot-ui-screen-selector:checked {
background-color: transparent;
border: 2px white; }
.screenshot-ui-tooltip {
text-align: center;
-y-offset: 24px; }
/* Top Bar */
#panel {
background-color: #000000;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #ffffff; }
#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 {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #c01c28; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #d61f2d; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e02a37; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e13340; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #ff7800; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #ff861a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #ff902e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #ff9638; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview, #panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #c01c28; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #d61f2d; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e02a37; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e13340; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #ff7800; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #ff861a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #ff902e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #ff9638; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: whitesmoke; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #ff7800; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 36px; }
.quick-settings .icon-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 .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-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; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(255, 255, 255, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #78aded; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-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 .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-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; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
.quick-slider .slider-bin:focus:hover {
background-color: #505459; }
.quick-toggle-menu {
border-radius: 24px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
color: #ffffff;
background-color: #474747; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(255, 255, 255, 0.2); }
.quick-toggle-menu .header .icon.active {
background-color: #3584e4;
color: #ffffff; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
color: #ffffff;
background-color: #474747;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(255, 255, 255, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-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 .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-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.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 .login-dialog-button.web-login-intro-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 .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.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 .login-dialog-button.web-login-intro-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 .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); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #ffffff; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #282828; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(71, 71, 71, 0.98);
color: whitesmoke;
border-radius: 999px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent; }
.window-close StIcon, .screenshot-ui-close-button StIcon {
icon-size: 24px; }
.window-close:hover, .screenshot-ui-close-button:hover {
background-color: rgba(88, 88, 88, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(104, 104, 104, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); }
.search-entry {
border-radius: 999px;
margin-top: 12px;
margin-bottom: 6px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #3d3d3d;
color: whitesmoke;
border-radius: 24px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent; }
.list-search-result, .search-provider-icon {
color: whitesmoke;
background-color: #3d3d3d;
border-radius: 13.2px; }
.list-search-result:focus, .search-provider-icon:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(59, 80, 106, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #4e5256; }
.list-search-result:hover, .search-provider-icon:hover {
color: whitesmoke;
background-color: #4f4f4f; }
.list-search-result:active, .search-provider-icon:active {
color: whitesmoke;
background-color: #545454; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #666666; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #52565b; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
color: whitesmoke;
background-color: #515151; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #636363; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #686868; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #3d3d3d; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.search-statustext {
color: rgba(245, 245, 245, 0.8); }
.grid-search-results {
spacing: 30px;
margin: 0 12px; }
.search-provider-icon:ltr {
margin-right: 4px; }
.search-provider-icon:rtl {
margin-left: 4px; }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px;
color: whitesmoke; }
.list-search-results {
spacing: 6px; }
.list-search-result .list-search-result-content {
spacing: 6px; }
.list-search-result .list-search-result-title {
spacing: 12px; }
.list-search-result .list-search-result-description {
color: #959595; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #3d3d3d;
border-radius: 28px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px; }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
color: whitesmoke;
background-color: #3d3d3d; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(59, 80, 106, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #4e5256; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
color: whitesmoke;
background-color: #4f4f4f; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
color: whitesmoke;
background-color: #545454; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #666666; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #52565b; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
color: whitesmoke;
background-color: #515151; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #636363; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #686868; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: rgba(245, 245, 245, 0.1); }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
color: whitesmoke;
background-color: #282828;
border-radius: 24px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(44, 65, 91, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #3a3e42; }
.overview-tile:hover, .grid-search-result:hover {
color: whitesmoke;
background-color: #3a3a3a; }
.overview-tile:active, .grid-search-result:active {
color: whitesmoke;
background-color: #3f3f3f; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #515151; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #3e4247; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
color: whitesmoke;
background-color: #3c3c3c; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #4e4e4e; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #535353; }
.overview-tile:insensitive, .grid-search-result:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #282828; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
color: whitesmoke;
background-color: #3a3a3a; }
.app-folder:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #3a3e43; }
.app-folder:focus:hover {
background-color: #43474c; }
.app-folder:hover {
color: whitesmoke;
background-color: #444444; }
.app-folder:active {
color: whitesmoke;
background-color: #515151; }
.app-folder:active:hover {
background-color: #5b5b5b; }
.app-folder:active:focus {
background-color: #505458; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
color: whitesmoke;
background-color: #4e4e4e; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #595959; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #656565; }
.app-folder:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #323232; }
.app-folder:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: whitesmoke;
margin-bottom: 2px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 64px;
background-color: #3d3d3d;
color: whitesmoke;
padding: 0 1px;
box-shadow: inset 0 0 0 1px rgba(245, 245, 245, 0.1); }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
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.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 .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-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: whitesmoke;
background-color: #4e4e4e; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: whitesmoke;
background-color: #585858; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: whitesmoke;
background-color: #656565; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: #6f6f6f; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: #63676b; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
color: whitesmoke;
background-color: #3d3d3d; }
.app-folder-dialog .page-navigation-arrow:hover {
color: whitesmoke;
background-color: #4f4f4f; }
.app-folder-dialog .page-navigation-arrow:active {
color: whitesmoke;
background-color: #545454; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #666666; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #52565b; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
color: whitesmoke;
background-color: #3d3d3d; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(59, 80, 106, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #4e5256; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
color: whitesmoke;
background-color: #4f4f4f; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
color: whitesmoke;
background-color: #545454; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #666666; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #52565b; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
color: whitesmoke;
background-color: #515151; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #636363; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #686868; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
color: rgba(245, 245, 245, 0.5);
background-color: #3d3d3d; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.rename-folder-popup .rename-folder-popup-item {
spacing: 6px; }
.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
padding: 0 12px; }
.page-indicator {
padding: 6px 12px 0;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: whitesmoke;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(245, 245, 245, 0.1);
color: whitesmoke;
border-radius: 999px;
icon-size: 48px; }
.page-navigation-hint.dnd {
background: rgba(255, 255, 255, 0.1); }
.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
background-gradient-start: rgba(255, 255, 255, 0.05);
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: 24px 0px 0px 24px; }
.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
background-gradient-start: transparent;
background-gradient-end: rgba(255, 255, 255, 0.05);
background-gradient-direction: horizontal;
border-radius: 0px 24px 24px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
color: whitesmoke;
background-color: #282828; }
.page-navigation-arrow > StIcon {
color: whitesmoke; }
.page-navigation-arrow:hover {
color: whitesmoke;
background-color: #3a3a3a; }
.page-navigation-arrow:active {
color: whitesmoke;
background-color: #3f3f3f; }
.page-navigation-arrow:active:hover {
background-color: #515151; }
.page-navigation-arrow:active:focus {
background-color: #3e4247; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px; }
.workspace-thumbnails .workspace-thumbnail {
color: whitesmoke;
background-color: #4e4e4e;
border-radius: 4px;
border: 1px solid transparent; }
.workspace-thumbnails .placeholder {
background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
background-size: contain;
width: 18px; }
.workspace-thumbnail-indicator {
border: 3px solid #3584e4;
border-radius: 8px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(188, 214, 246, 0.3);
box-shadow: 0 0 2px 2px #8fbbf0; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #3584e4;
-pie-background-color: rgba(233, 242, 252, 0.3); }
.magnifier-zoom-region {
border: 2px solid #3584e4; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
.select-area-rubberband {
background-color: rgba(53, 132, 228, 0.3);
border: 1px solid #3584e4; }
.user-icon {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
background-color: rgba(255, 255, 255, 0.05);
color: #ffffff; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f6d32d; }
/* Workspace animation */
.workspace-animation {
background-color: #353535; }
/* Tiled window previews */
.tile-preview {
background-color: rgba(53, 132, 228, 0.5);
border: 1px solid #3584e4; }
/* On-screen Keyboard */
#keyboard {
background-color: #353535;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02); }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 8px;
height: 8px; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
font-size: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 10px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: #ffffff;
background-color: #5d5d5d; }
.keyboard-key:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
.keyboard-key:focus:hover {
background-color: #505459; }
.keyboard-key:hover {
color: #ffffff;
background-color: #676767; }
.keyboard-key:active {
color: #ffffff;
background-color: #747474; }
.keyboard-key:active:hover {
background-color: #7e7e7e; }
.keyboard-key:active:focus {
background-color: #71757a; }
.keyboard-key:checked {
color: #ffffff;
background-color: #717171; }
.keyboard-key:checked:hover {
background-color: #7c7c7c; }
.keyboard-key:checked:active {
background-color: #888888; }
.keyboard-key:grayed {
background-color: #2d2d2d;
color: #ffffff;
border-color: rgba(255, 255, 255, 0.1); }
.keyboard-key.default-key {
color: #ffffff;
background-color: #454545;
border-radius: 10px; }
.keyboard-key.default-key:hover {
color: #ffffff;
background-color: #4f4f4f; }
.keyboard-key.default-key:active {
color: #ffffff;
background-color: #5c5c5c; }
.keyboard-key.default-key:active:hover {
background-color: #666666; }
.keyboard-key.default-key:active:focus {
background-color: #5a5e63; }
.keyboard-key.default-key:checked {
color: #ffffff;
background-color: #595959; }
.keyboard-key.default-key:checked:hover {
background-color: #646464; }
.keyboard-key.default-key:checked:active {
background-color: #707070; }
.keyboard-key.default-key:latched {
border-color: #4b92e7;
background-color: #3584e4; }
.keyboard-key.enter-key {
color: #ffffff;
background-color: #478fe6;
border-radius: 10px;
color: #ffffff; }
.keyboard-key.enter-key:hover {
color: #ffffff;
background-color: #599ae8; }
.keyboard-key.enter-key:active {
color: #ffffff;
background-color: #6fa8eb; }
.keyboard-key.enter-key:active:hover {
background-color: #81b3ee; }
.keyboard-key.enter-key:active:focus {
background-color: #6ca6eb; }
.keyboard-key.enter-key:checked {
color: #ffffff;
background-color: #6ba5eb; }
.keyboard-key.enter-key:checked:hover {
background-color: #7db0ed; }
.keyboard-key.enter-key:checked:active {
background-color: #93bdf0; }
.keyboard-key.shift-key-uppercase {
background-color: gray;
color: #353535; }
.keyboard-key.shift-key-uppercase:hover {
background-color: #8c8c8c;
color: #424242; }
.keyboard-key StIcon {
icon-size: 24px; }
.keyboard-subkeys {
-arrow-border-radius: 16px;
-arrow-background-color: #353535;
-arrow-border-width: 1px;
-arrow-border-color: #4c4c4c;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px;
padding: 6px; }
.keyboard-subkeys .keyboard-key {
color: #ffffff;
background-color: #5d5d5d;
border-radius: 10px; }
.keyboard-subkeys .keyboard-key:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #505459; }
.keyboard-subkeys .keyboard-key:hover {
color: #ffffff;
background-color: #676767; }
.keyboard-subkeys .keyboard-key:active {
color: #ffffff;
background-color: #747474; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #7e7e7e; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #71757a; }
.keyboard-subkeys .keyboard-key:checked {
color: #ffffff;
background-color: #717171; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #7c7c7c; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #888888; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #4b92e7;
background-color: #3584e4; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #ffffff; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #464a4f; }
.word-suggestions StButton:focus:hover {
background-color: #505459; }
.word-suggestions StButton:hover {
color: #ffffff;
background-color: #676767; }
.word-suggestions StButton:active {
color: #ffffff;
background-color: #747474; }
.word-suggestions StButton:active:hover {
background-color: #7e7e7e; }
.word-suggestions StButton:active:focus {
background-color: #71757a; }
.word-suggestions StButton:checked {
color: #ffffff;
background-color: #717171; }
.word-suggestions StButton:checked:hover {
background-color: #7c7c7c; }
.word-suggestions StButton:checked:active {
background-color: #888888; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(53, 53, 53, 0.98);
color: #ffffff;
border-radius: 16px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#LookingGlassDialog > #Toolbar {
border: none;
padding: 6px;
border-radius: 0;
background-color: transparent;
spacing: 6px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
padding: 6px 12px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
icon-size: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.lg-dialog .shell-link {
color: #62a0ea; }
.lg-dialog .shell-link:hover {
color: #8fbbf0; }
.lg-dialog .shell-link:active {
color: #3585e4; }
.lg-dialog .actor-link {
color: #9a9a9a; }
.lg-dialog .actor-link:hover {
color: #cdcdcd; }
.lg-dialog .actor-link:active {
color: #676767; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 4px;
border-radius: 8px; }
.lg-obj-inspector-button:hover {
border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #353535;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 6px; }
.lg-debug-flag-button {
color: #ffffff; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #cccccc; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: whitesmoke; }
.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: whitesmoke; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #8f8f8f;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f6d32d; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: gainsboro; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
color: whitesmoke;
background-color: #282828;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: rgba(44, 65, 91, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #3a3e42; }
.login-dialog-not-listed-button:hover {
color: whitesmoke;
background-color: #3a3a3a; }
.login-dialog-not-listed-button:active {
color: whitesmoke;
background-color: #3f3f3f; }
.login-dialog-not-listed-button:active:hover {
background-color: #515151; }
.login-dialog-not-listed-button:active:focus {
background-color: #3e4247; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 16px;
padding: 4px;
color: darkgray; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #3584e4;
color: #ffffff; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
color: whitesmoke;
background-color: #3a3a3a;
border-radius: 16px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
color: whitesmoke;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.5) !important;
background-color: #3a3e43; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #43474c; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
color: whitesmoke;
background-color: #444444; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
color: whitesmoke;
background-color: #515151; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #5b5b5b; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #505458; }
.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 {
height: 2px;
margin-top: 6px;
background-color: rgba(245, 245, 245, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #3584e4; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(53, 132, 228, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(53, 53, 53, 0.7);
border-radius: 16px;
margin-bottom: 3em; }
.web-login-spinner {
color: #ffffff;
background-color: rgba(53, 53, 53, 0.5);
border: 5px transparent;
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #b3b3b3; }
.web-login-url-label {
font-size: 1em;
color: #ffffff;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #ffffff; }
.web-login-code-label {
font-size: 1em;
color: #ffffff;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 16px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #ffffff;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #ffffff;
height: 3em;
text-align: center;
border-radius: 32px; }
.unlock-dialog {
background-color: transparent; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #282828; }
.unlock-dialog-clock {
color: whitesmoke;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 16px;
font-weight: bold; }
#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
background-color: rgba(53, 53, 53, 0.3); }
#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(53, 53, 53, 0.5); }
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
background-color: rgba(53, 132, 228, 0.5); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
background-color: transparent; }
.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0; }
.unlock-dialog-notifications-container .notification,
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 16px;
border: none;
background-color: rgba(245, 245, 245, 0.1);
color: whitesmoke;
border-radius: 16px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(245, 245, 245, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: whitesmoke;
background-color: rgba(245, 245, 245, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: whitesmoke; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(245, 245, 245, 0.13);
color: whitesmoke; }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px; }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background-color: whitesmoke;
border-color: whitesmoke;
color: #282828;
border-radius: 4px;
border-width: 1em; }
(uuay)gnome/
calendar-today-light.svg � <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><circle style="color:#000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;fill:#242424;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" cx="16" cy="28" r="2"/></svg> (uuay)process-working-light.svg �< <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="32" style="display:inline"><defs><radialGradient xlink:href="#a" id="c" cx="-.068" cy="188.519" r="27.33" fx="-.068" fy="188.519" gradientTransform="matrix(2.22945 -1.28654 1.20874 2.09399 -228.903 -208.087)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#b" id="d" cx=".054" cy="189.152" r="27.33" fx=".054" fy="189.152" gradientTransform="matrix(1.1252 -.6047 .56814 1.05686 -107.671 -11.948)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#a" id="as" cx="-.068" cy="188.519" r="27.33" fx="-.068" fy="188.519" gradientTransform="matrix(2.22945 -1.28654 1.20874 2.09399 -228.903 -208.087)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#b" id="at" cx=".054" cy="189.152" r="27.33" fx=".054" fy="189.152" gradientTransform="matrix(1.1252 -.6047 .56814 1.05686 -107.671 -11.948)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#020102;stop-opacity:0"/><stop offset=".319" style="stop-color:#020102;stop-opacity:.15294118"/><stop offset=".543" style="stop-color:#020102;stop-opacity:.33725491"/><stop offset="1" style="stop-color:#020102;stop-opacity:1"/></linearGradient><linearGradient id="b"><stop offset="0" style="stop-color:#020102;stop-opacity:0"/><stop offset=".319" style="stop-color:#020102;stop-opacity:0"/><stop offset=".751" style="stop-color:#020102;stop-opacity:.42745098"/><stop offset="1" style="stop-color:#020102;stop-opacity:1"/></linearGradient></defs><g transform="translate(0 -16)"><g id="ac" style="display:inline"><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#c);stroke-width:17.83196449;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(-.0484 .18056 -.18056 -.04835 39.123 37.368)"/><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#d);stroke-width:17.83196449;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(-.18688 .00425 -.0043 -.18689 3.969 57.589)"/></g><use xlink:href="#g10450-5" width="100%" height="100%" transform="rotate(6 1747.05 376.668)"/><use xlink:href="#use12000" width="100%" height="100%" transform="rotate(12 919.177 242.735)"/><use xlink:href="#g10450-5" width="100%" height="100%" transform="rotate(18 632.838 374.713)"/><use xlink:href="#use12000" width="100%" height="100%" transform="rotate(24 516.88 307.132)"/><use xlink:href="#use12002" width="100%" height="100%" transform="rotate(30 457.868 266.285)"/><use xlink:href="#g10450-5" width="100%" height="100%" transform="rotate(36 385.325 368.067)"/><use xlink:href="#use12000" width="100%" height="100%" transform="rotate(42 371.044 328.371)"/><use xlink:href="#use12002" width="100%" height="100%" transform="rotate(48 366.922 298.213)"/><use xlink:href="#use12008" id="e" width="100%" height="100%" x="0" y="0" transform="rotate(54 369.565 274.408)"/><use xlink:href="#e" id="f" width="100%" height="100%" x="0" y="0" transform="rotate(6 291.97 287.24)"/><use xlink:href="#f" id="g" width="100%" height="100%" x="0" y="0" transform="rotate(6 319.969 287.245)"/><use xlink:href="#g" id="h" width="100%" height="100%" x="0" y="0" transform="rotate(6 347.974 287.247)"/><use xlink:href="#h" id="i" width="100%" height="100%" x="0" y="0" transform="rotate(6 376.002 287.246)"/><use xlink:href="#i" id="j" width="100%" height="100%" x="0" y="0" transform="rotate(6 404.052 287.243)"/><use xlink:href="#j" id="k" width="100%" height="100%" x="0" y="0" transform="rotate(6 432.03 287.234)"/><use xlink:href="#k" id="l" width="100%" height="100%" x="0" y="0" transform="rotate(6 460.012 287.227)"/><use xlink:href="#l" id="m" width="100%" height="100%" x="0" y="0" transform="rotate(6 488.01 287.223)"/><use xlink:href="#m" id="n" width="100%" height="100%" x="0" y="0" transform="rotate(6 516.006 287.219)"/><use xlink:href="#n" id="o" width="100%" height="100%" x="0" y="0" transform="rotate(6 544.003 287.215)"/><use xlink:href="#o" id="p" width="100%" height="100%" x="0" y="0" transform="rotate(6 572 287.211)"/><use xlink:href="#p" id="q" width="100%" height="100%" x="0" y="0" transform="rotate(6 599.996 287.208)"/><use xlink:href="#q" id="r" width="100%" height="100%" x="0" y="0" transform="rotate(6 627.991 287.206)"/><use xlink:href="#r" id="s" width="100%" height="100%" x="0" y="0" transform="rotate(6 655.987 287.204)"/><use xlink:href="#s" id="t" width="100%" height="100%" x="0" y="0" transform="rotate(6 683.982 287.202)"/><use xlink:href="#t" id="u" width="100%" height="100%" x="0" y="0" transform="rotate(6 711.977 287.2)"/><use xlink:href="#u" id="v" width="100%" height="100%" x="0" y="0" transform="rotate(6 739.972 287.2)"/><use xlink:href="#v" id="w" width="100%" height="100%" x="0" y="0" transform="rotate(6 767.97 287.206)"/><use xlink:href="#w" id="x" width="100%" height="100%" x="0" y="0" transform="rotate(6 795.971 287.233)"/><use xlink:href="#x" id="y" width="100%" height="100%" x="0" y="0" transform="rotate(6 823.975 287.283)"/><use xlink:href="#y" id="z" width="100%" height="100%" x="0" y="0" transform="rotate(6 851.984 287.262)"/><use xlink:href="#z" id="A" width="100%" height="100%" x="0" y="0" transform="rotate(6 879.99 287.244)"/><use xlink:href="#A" id="B" width="100%" height="100%" x="0" y="0" transform="rotate(6 907.995 287.24)"/><use xlink:href="#B" id="C" width="100%" height="100%" x="0" y="0" transform="rotate(6 935.999 287.238)"/><use xlink:href="#C" id="D" width="100%" height="100%" x="0" y="0" transform="rotate(6 964.003 287.235)"/><use xlink:href="#D" id="E" width="100%" height="100%" x="0" y="0" transform="rotate(6 992.006 287.231)"/><use xlink:href="#E" id="F" width="100%" height="100%" x="0" y="0" transform="rotate(6 1020.01 287.227)"/><use xlink:href="#F" id="G" width="100%" height="100%" x="0" y="0" transform="rotate(6 1048.012 287.223)"/><use xlink:href="#G" id="H" width="100%" height="100%" x="0" y="0" transform="rotate(6 1076.014 287.218)"/><use xlink:href="#H" id="I" width="100%" height="100%" x="0" y="0" transform="rotate(6 1104.015 287.214)"/><use xlink:href="#I" id="J" width="100%" height="100%" x="0" y="0" transform="rotate(6 1132.017 287.209)"/><use xlink:href="#J" id="K" width="100%" height="100%" x="0" y="0" transform="rotate(6 1160.017 287.204)"/><use xlink:href="#K" id="L" width="100%" height="100%" x="0" y="0" transform="rotate(6 1188.011 287.202)"/><use xlink:href="#L" id="M" width="100%" height="100%" x="0" y="0" transform="rotate(6 1215.984 287.203)"/><use xlink:href="#M" id="N" width="100%" height="100%" x="0" y="0" transform="rotate(6 1243.934 287.206)"/><use xlink:href="#N" id="O" width="100%" height="100%" x="0" y="0" transform="rotate(6 1271.956 287.215)"/><use xlink:href="#O" id="P" width="100%" height="100%" x="0" y="0" transform="rotate(6 1299.974 287.222)"/><use xlink:href="#P" id="Q" width="100%" height="100%" x="0" y="0" transform="rotate(6 1327.977 287.226)"/><use xlink:href="#Q" id="R" width="100%" height="100%" x="0" y="0" transform="rotate(6 1355.98 287.23)"/><use xlink:href="#R" id="S" width="100%" height="100%" x="0" y="0" transform="rotate(6 1383.983 287.234)"/><use xlink:href="#S" id="T" width="100%" height="100%" x="0" y="0" transform="rotate(6 1411.986 287.238)"/><use xlink:href="#T" id="U" width="100%" height="100%" x="0" y="0" transform="rotate(6 1439.99 287.24)"/><use xlink:href="#U" id="V" width="100%" height="100%" x="0" y="0" transform="rotate(6 1467.995 287.243)"/><use xlink:href="#V" id="W" width="100%" height="100%" x="0" y="0" transform="rotate(6 1496 287.245)"/><use xlink:href="#W" id="X" width="100%" height="100%" x="0" y="0" transform="rotate(6 1524.004 287.247)"/><use xlink:href="#X" id="Y" width="100%" height="100%" x="0" y="0" transform="rotate(6 1552.009 287.248)"/><use xlink:href="#Y" id="Z" width="100%" height="100%" x="0" y="0" transform="rotate(6 1580.014 287.249)"/><use xlink:href="#Z" id="aa" width="100%" height="100%" x="0" y="0" transform="rotate(6 1608.015 287.243)"/><use xlink:href="#aa" id="ab" width="100%" height="100%" x="0" y="0" transform="rotate(6 1636.015 287.216)"/><use xlink:href="#ab" width="100%" height="100%" transform="rotate(6 1664.011 287.166)"/><use xlink:href="#ac" id="ad" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 15.996 181.703)"/><use xlink:href="#ad" id="ae" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 31.991 181.705)"/><use xlink:href="#ae" id="af" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 47.987 181.708)"/><use xlink:href="#af" id="ag" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 63.983 181.712)"/><use xlink:href="#ag" id="ah" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 79.98 181.715)"/><use xlink:href="#ah" id="ai" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 95.976 181.72)"/><use xlink:href="#ai" id="aj" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 111.974 181.723)"/><use xlink:href="#aj" id="ak" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 127.971 181.728)"/><use xlink:href="#ak" id="al" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 143.97 181.733)"/><use xlink:href="#al" id="am" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 159.968 181.738)"/><use xlink:href="#am" id="an" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 175.968 181.743)"/><use xlink:href="#an" id="ao" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 191.969 181.746)"/><use xlink:href="#ao" id="ap" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 207.988 181.746)"/><use xlink:href="#ap" id="aq" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 224.03 181.744)"/><use xlink:href="#aq" id="ar" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 240.047 181.737)"/><use xlink:href="#ac" width="100%" height="100%" transform="rotate(92.896 135.993 145.652)"/><use xlink:href="#ad" width="100%" height="100%" transform="rotate(92.896 151.993 145.652)"/><use xlink:href="#ae" width="100%" height="100%" transform="rotate(92.896 167.993 145.652)"/><use xlink:href="#af" width="100%" height="100%" transform="rotate(92.896 183.993 145.652)"/><use xlink:href="#ag" width="100%" height="100%" transform="rotate(92.896 199.992 145.652)"/><use xlink:href="#ah" width="100%" height="100%" transform="rotate(92.896 215.992 145.652)"/><use xlink:href="#ai" width="100%" height="100%" transform="rotate(92.896 231.992 145.652)"/><use xlink:href="#aj" width="100%" height="100%" transform="rotate(92.896 247.992 145.652)"/><use xlink:href="#ak" width="100%" height="100%" transform="rotate(92.896 263.992 145.652)"/><use xlink:href="#al" width="100%" height="100%" transform="rotate(92.896 279.992 145.652)"/><use xlink:href="#am" width="100%" height="100%" transform="rotate(92.896 295.991 145.652)"/><use xlink:href="#an" width="100%" height="100%" transform="rotate(92.896 311.991 145.652)"/><use xlink:href="#ao" width="100%" height="100%" transform="rotate(92.896 327.992 145.653)"/><use xlink:href="#ap" width="100%" height="100%" transform="rotate(92.896 343.992 145.654)"/><use xlink:href="#aq" width="100%" height="100%" transform="rotate(92.896 359.994 145.655)"/><use xlink:href="#ar" width="100%" height="100%" transform="rotate(92.896 375.993 145.654)"/><g id="au" style="display:inline"><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#as);stroke-width:17.83196449;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(.04836 -.18057 .18057 .04831 -23.14 26.568)"/><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#at);stroke-width:17.83196449;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(.18687 -.0043 .00435 .18689 12.009 6.339)"/></g><use xlink:href="#au" id="av" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 15.996 197.703)"/><use xlink:href="#av" id="aw" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 31.991 197.705)"/><use xlink:href="#aw" id="ax" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 47.987 197.708)"/><use xlink:href="#ax" id="ay" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 63.983 197.712)"/><use xlink:href="#ay" id="az" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 79.98 197.715)"/><use xlink:href="#az" id="aA" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 95.976 197.72)"/><use xlink:href="#aA" id="aB" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 111.974 197.723)"/><use xlink:href="#aB" id="aC" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 127.971 197.728)"/><use xlink:href="#aC" id="aD" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 143.97 197.733)"/><use xlink:href="#aD" id="aE" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 159.968 197.738)"/><use xlink:href="#aE" id="aF" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 175.968 197.743)"/><use xlink:href="#aF" id="aG" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 191.969 197.746)"/><use xlink:href="#aG" id="aH" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 207.988 197.746)"/><use xlink:href="#aH" id="aI" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 224.03 197.744)"/><use xlink:href="#aI" id="aJ" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 240.047 197.737)"/><use xlink:href="#au" width="100%" height="100%" transform="rotate(92.896 135.993 161.652)"/><use xlink:href="#av" width="100%" height="100%" transform="rotate(92.896 151.993 161.652)"/><use xlink:href="#aw" width="100%" height="100%" transform="rotate(92.896 167.993 161.652)"/><use xlink:href="#ax" width="100%" height="100%" transform="rotate(92.896 183.993 161.652)"/><use xlink:href="#ay" width="100%" height="100%" transform="rotate(92.896 199.992 161.652)"/><use xlink:href="#az" width="100%" height="100%" transform="rotate(92.896 215.992 161.652)"/><use xlink:href="#aA" width="100%" height="100%" transform="rotate(92.896 231.992 161.652)"/><use xlink:href="#aB" width="100%" height="100%" transform="rotate(92.896 247.992 161.652)"/><use xlink:href="#aC" width="100%" height="100%" transform="rotate(92.896 263.992 161.652)"/><use xlink:href="#aD" width="100%" height="100%" transform="rotate(92.896 279.992 161.652)"/><use xlink:href="#aE" width="100%" height="100%" transform="rotate(92.896 295.991 161.652)"/><use xlink:href="#aF" width="100%" height="100%" transform="rotate(92.896 311.991 161.652)"/><use xlink:href="#aG" width="100%" height="100%" transform="rotate(92.896 327.992 161.653)"/><use xlink:href="#aH" width="100%" height="100%" transform="rotate(92.896 343.992 161.654)"/><use xlink:href="#aI" width="100%" height="100%" transform="rotate(92.896 359.994 161.655)"/><use xlink:href="#aJ" width="100%" height="100%" transform="rotate(92.896 375.993 161.654)"/></g></svg> (uuay)toggle-on.svg <svg xmlns="http://www.w3.org/2000/svg" width="46" height="26"><g transform="translate(0 -291.18)"><rect width="46" height="26" y="291.18" fill="#3081e3" rx="12.458" ry="13" style="fill:#3584e4;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="295.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:1;marker:none"/><rect width="20" height="20" x="23" y="294.18" fill="#f8f7f7" rx="10" ry="10" style="fill:#fff;stroke:none;stroke-width:1;marker:none"/></g></svg> (uuay)process-working-dark.svg �< <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="32" style="display:inline"><defs><radialGradient xlink:href="#a" id="c" cx="-.068" cy="188.519" r="27.33" fx="-.068" fy="188.519" gradientTransform="matrix(2.22945 -1.28654 1.20874 2.09399 -228.903 -208.087)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#b" id="d" cx=".054" cy="189.152" r="27.33" fx=".054" fy="189.152" gradientTransform="matrix(1.1252 -.6047 .56814 1.05686 -107.671 -11.948)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#a" id="as" cx="-.068" cy="188.519" r="27.33" fx="-.068" fy="188.519" gradientTransform="matrix(2.22945 -1.28654 1.20874 2.09399 -228.903 -208.087)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#b" id="at" cx=".054" cy="189.152" r="27.33" fx=".054" fy="189.152" gradientTransform="matrix(1.1252 -.6047 .56814 1.05686 -107.671 -11.948)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#fff;stop-opacity:0"/><stop offset=".319" style="stop-color:#fff;stop-opacity:.15428571"/><stop offset=".543" style="stop-color:#fff;stop-opacity:.33714285"/><stop offset="1" style="stop-color:#fff;stop-opacity:1"/></linearGradient><linearGradient id="b"><stop offset="0" style="stop-color:#bebebe;stop-opacity:0"/><stop offset=".319" style="stop-color:#fff;stop-opacity:0"/><stop offset=".751" style="stop-color:#fff;stop-opacity:.42857143"/><stop offset="1" style="stop-color:#fff;stop-opacity:1"/></linearGradient></defs><g transform="translate(0 -16)"><g id="ac" style="display:inline"><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#c);stroke-width:17.83196449;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(-.0484 .18056 -.18056 -.04835 39.123 37.368)"/><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#d);stroke-width:17.83196449;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(-.18688 .00425 -.0043 -.18689 3.969 57.589)"/></g><use xlink:href="#g10450-5" width="100%" height="100%" transform="rotate(6 1747.05 376.668)"/><use xlink:href="#use12000" width="100%" height="100%" transform="rotate(12 919.177 242.735)"/><use xlink:href="#g10450-5" width="100%" height="100%" transform="rotate(18 632.838 374.713)"/><use xlink:href="#use12000" width="100%" height="100%" transform="rotate(24 516.88 307.132)"/><use xlink:href="#use12002" width="100%" height="100%" transform="rotate(30 457.868 266.285)"/><use xlink:href="#g10450-5" width="100%" height="100%" transform="rotate(36 385.325 368.067)"/><use xlink:href="#use12000" width="100%" height="100%" transform="rotate(42 371.044 328.371)"/><use xlink:href="#use12002" width="100%" height="100%" transform="rotate(48 366.922 298.213)"/><use xlink:href="#use12008" id="e" width="100%" height="100%" x="0" y="0" transform="rotate(54 369.565 274.408)"/><use xlink:href="#e" id="f" width="100%" height="100%" x="0" y="0" transform="rotate(6 291.97 287.24)"/><use xlink:href="#f" id="g" width="100%" height="100%" x="0" y="0" transform="rotate(6 319.969 287.245)"/><use xlink:href="#g" id="h" width="100%" height="100%" x="0" y="0" transform="rotate(6 347.974 287.247)"/><use xlink:href="#h" id="i" width="100%" height="100%" x="0" y="0" transform="rotate(6 376.002 287.246)"/><use xlink:href="#i" id="j" width="100%" height="100%" x="0" y="0" transform="rotate(6 404.052 287.243)"/><use xlink:href="#j" id="k" width="100%" height="100%" x="0" y="0" transform="rotate(6 432.03 287.234)"/><use xlink:href="#k" id="l" width="100%" height="100%" x="0" y="0" transform="rotate(6 460.012 287.227)"/><use xlink:href="#l" id="m" width="100%" height="100%" x="0" y="0" transform="rotate(6 488.01 287.223)"/><use xlink:href="#m" id="n" width="100%" height="100%" x="0" y="0" transform="rotate(6 516.006 287.219)"/><use xlink:href="#n" id="o" width="100%" height="100%" x="0" y="0" transform="rotate(6 544.003 287.215)"/><use xlink:href="#o" id="p" width="100%" height="100%" x="0" y="0" transform="rotate(6 572 287.211)"/><use xlink:href="#p" id="q" width="100%" height="100%" x="0" y="0" transform="rotate(6 599.996 287.208)"/><use xlink:href="#q" id="r" width="100%" height="100%" x="0" y="0" transform="rotate(6 627.991 287.206)"/><use xlink:href="#r" id="s" width="100%" height="100%" x="0" y="0" transform="rotate(6 655.987 287.204)"/><use xlink:href="#s" id="t" width="100%" height="100%" x="0" y="0" transform="rotate(6 683.982 287.202)"/><use xlink:href="#t" id="u" width="100%" height="100%" x="0" y="0" transform="rotate(6 711.977 287.2)"/><use xlink:href="#u" id="v" width="100%" height="100%" x="0" y="0" transform="rotate(6 739.972 287.2)"/><use xlink:href="#v" id="w" width="100%" height="100%" x="0" y="0" transform="rotate(6 767.97 287.206)"/><use xlink:href="#w" id="x" width="100%" height="100%" x="0" y="0" transform="rotate(6 795.971 287.233)"/><use xlink:href="#x" id="y" width="100%" height="100%" x="0" y="0" transform="rotate(6 823.975 287.283)"/><use xlink:href="#y" id="z" width="100%" height="100%" x="0" y="0" transform="rotate(6 851.984 287.262)"/><use xlink:href="#z" id="A" width="100%" height="100%" x="0" y="0" transform="rotate(6 879.99 287.244)"/><use xlink:href="#A" id="B" width="100%" height="100%" x="0" y="0" transform="rotate(6 907.995 287.24)"/><use xlink:href="#B" id="C" width="100%" height="100%" x="0" y="0" transform="rotate(6 935.999 287.238)"/><use xlink:href="#C" id="D" width="100%" height="100%" x="0" y="0" transform="rotate(6 964.003 287.235)"/><use xlink:href="#D" id="E" width="100%" height="100%" x="0" y="0" transform="rotate(6 992.006 287.231)"/><use xlink:href="#E" id="F" width="100%" height="100%" x="0" y="0" transform="rotate(6 1020.01 287.227)"/><use xlink:href="#F" id="G" width="100%" height="100%" x="0" y="0" transform="rotate(6 1048.012 287.223)"/><use xlink:href="#G" id="H" width="100%" height="100%" x="0" y="0" transform="rotate(6 1076.014 287.218)"/><use xlink:href="#H" id="I" width="100%" height="100%" x="0" y="0" transform="rotate(6 1104.015 287.214)"/><use xlink:href="#I" id="J" width="100%" height="100%" x="0" y="0" transform="rotate(6 1132.017 287.209)"/><use xlink:href="#J" id="K" width="100%" height="100%" x="0" y="0" transform="rotate(6 1160.017 287.204)"/><use xlink:href="#K" id="L" width="100%" height="100%" x="0" y="0" transform="rotate(6 1188.011 287.202)"/><use xlink:href="#L" id="M" width="100%" height="100%" x="0" y="0" transform="rotate(6 1215.984 287.203)"/><use xlink:href="#M" id="N" width="100%" height="100%" x="0" y="0" transform="rotate(6 1243.934 287.206)"/><use xlink:href="#N" id="O" width="100%" height="100%" x="0" y="0" transform="rotate(6 1271.956 287.215)"/><use xlink:href="#O" id="P" width="100%" height="100%" x="0" y="0" transform="rotate(6 1299.974 287.222)"/><use xlink:href="#P" id="Q" width="100%" height="100%" x="0" y="0" transform="rotate(6 1327.977 287.226)"/><use xlink:href="#Q" id="R" width="100%" height="100%" x="0" y="0" transform="rotate(6 1355.98 287.23)"/><use xlink:href="#R" id="S" width="100%" height="100%" x="0" y="0" transform="rotate(6 1383.983 287.234)"/><use xlink:href="#S" id="T" width="100%" height="100%" x="0" y="0" transform="rotate(6 1411.986 287.238)"/><use xlink:href="#T" id="U" width="100%" height="100%" x="0" y="0" transform="rotate(6 1439.99 287.24)"/><use xlink:href="#U" id="V" width="100%" height="100%" x="0" y="0" transform="rotate(6 1467.995 287.243)"/><use xlink:href="#V" id="W" width="100%" height="100%" x="0" y="0" transform="rotate(6 1496 287.245)"/><use xlink:href="#W" id="X" width="100%" height="100%" x="0" y="0" transform="rotate(6 1524.004 287.247)"/><use xlink:href="#X" id="Y" width="100%" height="100%" x="0" y="0" transform="rotate(6 1552.009 287.248)"/><use xlink:href="#Y" id="Z" width="100%" height="100%" x="0" y="0" transform="rotate(6 1580.014 287.249)"/><use xlink:href="#Z" id="aa" width="100%" height="100%" x="0" y="0" transform="rotate(6 1608.015 287.243)"/><use xlink:href="#aa" id="ab" width="100%" height="100%" x="0" y="0" transform="rotate(6 1636.015 287.216)"/><use xlink:href="#ab" width="100%" height="100%" transform="rotate(6 1664.011 287.166)"/><use xlink:href="#ac" id="ad" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 15.996 181.703)"/><use xlink:href="#ad" id="ae" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 31.991 181.705)"/><use xlink:href="#ae" id="af" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 47.987 181.708)"/><use xlink:href="#af" id="ag" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 63.983 181.712)"/><use xlink:href="#ag" id="ah" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 79.98 181.715)"/><use xlink:href="#ah" id="ai" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 95.976 181.72)"/><use xlink:href="#ai" id="aj" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 111.974 181.723)"/><use xlink:href="#aj" id="ak" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 127.971 181.728)"/><use xlink:href="#ak" id="al" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 143.97 181.733)"/><use xlink:href="#al" id="am" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 159.968 181.738)"/><use xlink:href="#am" id="an" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 175.968 181.743)"/><use xlink:href="#an" id="ao" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 191.969 181.746)"/><use xlink:href="#ao" id="ap" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 207.988 181.746)"/><use xlink:href="#ap" id="aq" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 224.03 181.744)"/><use xlink:href="#aq" id="ar" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 240.047 181.737)"/><use xlink:href="#ac" width="100%" height="100%" transform="rotate(92.896 135.993 145.652)"/><use xlink:href="#ad" width="100%" height="100%" transform="rotate(92.896 151.993 145.652)"/><use xlink:href="#ae" width="100%" height="100%" transform="rotate(92.896 167.993 145.652)"/><use xlink:href="#af" width="100%" height="100%" transform="rotate(92.896 183.993 145.652)"/><use xlink:href="#ag" width="100%" height="100%" transform="rotate(92.896 199.992 145.652)"/><use xlink:href="#ah" width="100%" height="100%" transform="rotate(92.896 215.992 145.652)"/><use xlink:href="#ai" width="100%" height="100%" transform="rotate(92.896 231.992 145.652)"/><use xlink:href="#aj" width="100%" height="100%" transform="rotate(92.896 247.992 145.652)"/><use xlink:href="#ak" width="100%" height="100%" transform="rotate(92.896 263.992 145.652)"/><use xlink:href="#al" width="100%" height="100%" transform="rotate(92.896 279.992 145.652)"/><use xlink:href="#am" width="100%" height="100%" transform="rotate(92.896 295.991 145.652)"/><use xlink:href="#an" width="100%" height="100%" transform="rotate(92.896 311.991 145.652)"/><use xlink:href="#ao" width="100%" height="100%" transform="rotate(92.896 327.992 145.653)"/><use xlink:href="#ap" width="100%" height="100%" transform="rotate(92.896 343.992 145.654)"/><use xlink:href="#aq" width="100%" height="100%" transform="rotate(92.896 359.994 145.655)"/><use xlink:href="#ar" width="100%" height="100%" transform="rotate(92.896 375.993 145.654)"/><g id="au" style="display:inline"><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#as);stroke-width:17.83196449;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(.04836 -.18057 .18057 .04831 -23.14 26.568)"/><path d="M-3.444 184.72a22.981 22.981 0 0 1-25.904 17.426 22.981 22.981 0 0 1-19.374-24.482 22.981 22.981 0 0 1 22.913-21.206" style="display:inline;fill:none;stroke:url(#at);stroke-width:17.83196449;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(.18687 -.0043 .00435 .18689 12.009 6.339)"/></g><use xlink:href="#au" id="av" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 15.996 197.703)"/><use xlink:href="#av" id="aw" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 31.991 197.705)"/><use xlink:href="#aw" id="ax" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 47.987 197.708)"/><use xlink:href="#ax" id="ay" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 63.983 197.712)"/><use xlink:href="#ay" id="az" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 79.98 197.715)"/><use xlink:href="#az" id="aA" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 95.976 197.72)"/><use xlink:href="#aA" id="aB" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 111.974 197.723)"/><use xlink:href="#aB" id="aC" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 127.971 197.728)"/><use xlink:href="#aC" id="aD" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 143.97 197.733)"/><use xlink:href="#aD" id="aE" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 159.968 197.738)"/><use xlink:href="#aE" id="aF" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 175.968 197.743)"/><use xlink:href="#aF" id="aG" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 191.969 197.746)"/><use xlink:href="#aG" id="aH" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 207.988 197.746)"/><use xlink:href="#aH" id="aI" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 224.03 197.744)"/><use xlink:href="#aI" id="aJ" width="100%" height="100%" x="0" y="0" transform="rotate(5.806 240.047 197.737)"/><use xlink:href="#au" width="100%" height="100%" transform="rotate(92.896 135.993 161.652)"/><use xlink:href="#av" width="100%" height="100%" transform="rotate(92.896 151.993 161.652)"/><use xlink:href="#aw" width="100%" height="100%" transform="rotate(92.896 167.993 161.652)"/><use xlink:href="#ax" width="100%" height="100%" transform="rotate(92.896 183.993 161.652)"/><use xlink:href="#ay" width="100%" height="100%" transform="rotate(92.896 199.992 161.652)"/><use xlink:href="#az" width="100%" height="100%" transform="rotate(92.896 215.992 161.652)"/><use xlink:href="#aA" width="100%" height="100%" transform="rotate(92.896 231.992 161.652)"/><use xlink:href="#aB" width="100%" height="100%" transform="rotate(92.896 247.992 161.652)"/><use xlink:href="#aC" width="100%" height="100%" transform="rotate(92.896 263.992 161.652)"/><use xlink:href="#aD" width="100%" height="100%" transform="rotate(92.896 279.992 161.652)"/><use xlink:href="#aE" width="100%" height="100%" transform="rotate(92.896 295.991 161.652)"/><use xlink:href="#aF" width="100%" height="100%" transform="rotate(92.896 311.991 161.652)"/><use xlink:href="#aG" width="100%" height="100%" transform="rotate(92.896 327.992 161.653)"/><use xlink:href="#aH" width="100%" height="100%" transform="rotate(92.896 343.992 161.654)"/><use xlink:href="#aI" width="100%" height="100%" transform="rotate(92.896 359.994 161.655)"/><use xlink:href="#aJ" width="100%" height="100%" transform="rotate(92.896 375.993 161.654)"/></g></svg> (uuay)gnome-shell-high-contrast.css �� /* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
/* Global Values */
stage {
font-size: 1em;
color: #ffffff; }
/* Common Stylings */
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
background: none;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 16px;
padding: 6px;
spacing: 6px;
text-align: center;
transition-duration: 100ms; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .message .message-header .message-expand-button,
.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, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-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, .login-dialog-button.web-login-intro-button, .message .message-header .message-expand-button,
.message .message-header .message-close-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.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-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: #494949; }
.icon-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, .login-dialog-button.web-login-intro-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
.message .message-header .message-close-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 rgba(53, 132, 228, 0.8) !important;
background-color: #484c51; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
background-color: #515559; }
.icon-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, .login-dialog-button.web-login-intro-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
.message .message-header .message-close-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: #525252; }
.icon-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, .login-dialog-button.web-login-intro-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-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: rgba(255, 255, 255, 0.5);
background-color: #262626;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.icon-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, .login-dialog-button.web-login-intro-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-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, .login-dialog-button.web-login-intro-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
.message .message-header .message-close-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: #5d5d5d; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
background-color: #4f4f4f; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
background-color: #5b5f64; }
.icon-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, .login-dialog-button.web-login-intro-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
.message .message-header .message-close-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: #5b5b5b; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
background-color: #4d4d4d; }
.icon-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, .login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
background-color: #595959; }
.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .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.login-dialog-button.web-login-intro-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #1a1a1a;
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.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.login-dialog-button.web-login-intro-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, .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 rgba(53, 132, 228, 0.8) !important;
background-color: rgba(33, 54, 80, 0.2875); }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
background-color: #464a4f; }
.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.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.login-dialog-button.web-login-intro-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, .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: #474747; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #1a1a1a;
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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .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: #4b4b4b; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
background-color: #424242; }
.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.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.login-dialog-button.web-login-intro-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, .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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
background-color: #4a4e53; }
.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.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.login-dialog-button.web-login-intro-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, .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: #494949; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
background-color: #404040; }
.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.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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
background-color: #454545; }
.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .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.login-dialog-button.web-login-intro-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
.message .message-header .default.message-close-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);
box-shadow: none;
border: none;
color: #ffffff;
background-color: #4f94e8; }
.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default: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.login-dialog-button.web-login-intro-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, .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);
box-shadow: none;
border: none;
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
box-shadow: inset 0 0 0 2px #bcd6f6 !important;
background-color: #4e93e8; }
.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
background-color: #5d9dea; }
.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .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);
box-shadow: none;
border: none;
color: #ffffff;
background-color: #5f9eea; }
.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default: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.login-dialog-button.web-login-intro-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, .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);
box-shadow: none;
border: none;
color: rgba(255, 255, 255, 0.5);
background-color: #287ce2;
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-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default: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.login-dialog-button.web-login-intro-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, .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);
box-shadow: none;
border: none;
color: #ffffff;
background-color: #72a9ec; }
.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
background-color: #6fa8ec; }
.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default: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.login-dialog-button.web-login-intro-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, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
background-color: #6fa7ec; }
.popup-sub-menu .popup-menu-item, .popup-menu-item {
font-weight: normal;
spacing: 6px;
transition-duration: 100ms;
padding: 9px 12px; }
.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
border-radius: 12px;
padding: 0.818em;
margin: 4px;
background-color: #1a1a1a;
box-shadow: 0 1px 2px 0 transparent;
border: 1px solid #1a1a1a;
border-color: transparent;
box-shadow: none; }
.lg-extension, .quick-toggle-menu, .message, .events-button,
.world-clocks-button,
.weather-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #373737; }
.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
.world-clocks-button:hover,
.weather-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #404040; }
.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
.world-clocks-button:active,
.weather-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4b4b4b; }
.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
.world-clocks-button:active:hover,
.weather-button:active:hover {
background-color: #3b3b3b; }
.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
.world-clocks-button:active:focus,
.weather-button:active:focus {
background-color: #4a4e53; }
.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
.world-clocks-button:focus,
.weather-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #373b40; }
.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
.world-clocks-button:focus:hover,
.weather-button:focus:hover {
background-color: #3f4348; }
.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
.world-clocks-button:insensitive,
.weather-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #121212;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.calendar, .datemenu-today-button {
border: 1px solid transparent !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.calendar:insensitive, .datemenu-today-button:insensitive {
background-color: transparent !important; }
.calendar:hover, .datemenu-today-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #474747; }
.calendar:active, .datemenu-today-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #4b4b4b; }
.calendar:active:hover, .datemenu-today-button:active:hover {
background-color: #424242; }
.calendar:active:focus, .datemenu-today-button:active:focus {
background-color: #4a4e53; }
.calendar:focus, .datemenu-today-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #373b40; }
.calendar:focus:hover, .datemenu-today-button:focus:hover {
background-color: #3f4348; }
.calendar:insensitive, .datemenu-today-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #121212;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.unlock-dialog .login-dialog-prompt-entry, .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
border-radius: 8px;
padding: 9px 9px;
selection-background-color: #3584e4;
selected-color: #ffffff; }
StEntry {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #2e2e2e;
color: rgba(255, 255, 255, 0.7); }
StEntry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #383838;
color: #ffffff; }
StEntry:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #2e3237;
color: #ffffff; }
StEntry:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #262626;
color: rgba(255, 255, 255, 0.5); }
StEntry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
.modal-dialog .modal-dialog-linked-button, .notification-button {
padding: 12px;
font-weight: bold !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: rgba(194, 218, 247, 0.25615); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
background-color: rgba(199, 221, 248, 0.280945); }
.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2431); }
.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2692); }
.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
background-color: rgba(255, 255, 255, 0.19); }
.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
background-color: rgba(204, 224, 248, 0.30574); }
.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5b5b5b; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
background-color: #4d4d4d; }
.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
background-color: #595959; }
.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #262626;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
border-radius: 0 0 0 15px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
border-radius: 0 0 15px;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
border-radius: 0 0 15px; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
border-radius: 0 0 0 15px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
border-radius: 0 0 15px 15px;
margin-left: 0 !important;
margin-right: 0 !important; }
.dash-label, .window-caption, .screenshot-ui-tooltip {
background-color: rgba(0, 0, 0, 0.9);
border: 1px solid rgba(255, 255, 255, 0.1);
color: #ffffff;
border-radius: 999px;
padding: 6px 12px;
text-align: center;
background-color: black;
border-color: rgba(255, 255, 255, 0.4); }
/* General Typography */
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
font-weight: 800;
font-size: 1.818em; }
.conflicting-session-dialog-content .conflicting-session-dialog-title, .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label {
font-weight: 800;
font-size: 1.364em; }
.login-dialog .user-widget.horizontal .user-widget-label,
.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
font-weight: 700;
font-size: 1.364em; }
.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 1.182em; }
.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .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; }
.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 0.818em; }
.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
font-weight: 400;
font-size: 0.818em; }
.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
font-weight: 400;
font-size: 0.727em; }
.web-login-url-label {
font-family: monospace; }
.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .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 {
font-feature-settings: "tnum"; }
/* OSD Elements */
#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
color: #ffffff;
background-color: #000000;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 999px;
padding: 12px;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
border: 2px solid rgba(255, 255, 255, 0.4);
box-shadow: none; }
.lg-dialog StEntry {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #171717;
color: rgba(255, 255, 255, 0.7); }
.lg-dialog StEntry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #212121;
color: #ffffff; }
.lg-dialog StEntry:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #191c21;
color: #ffffff; }
.lg-dialog StEntry:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #0f0f0f;
color: rgba(255, 255, 255, 0.5); }
.lg-dialog StEntry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #35393e; }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
background-color: #3e4246; }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #3e3e3e; }
#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949; }
#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
background-color: #383838; }
#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
background-color: #484c51; }
#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #474747; }
#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
background-color: #363636; }
#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
background-color: #424242; }
#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #0f0f0f;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: rgba(14, 36, 61, 0.2875); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: #31353a; }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #313131; }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
background-color: #292929; }
.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
background-color: #35393e; }
.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #333333; }
.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: #262626; }
.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: #2b2b2b; }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
/* System Elements */
.login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #232323;
color: rgba(255, 255, 255, 0.7); }
.login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #2d2d2d;
color: #ffffff; }
.login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #24282d;
color: #ffffff; }
.login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: #1b1b1b;
color: rgba(255, 255, 255, 0.5); }
.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.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-auth-menu-button, .login-dialog-button.login-dialog-session-list-button, .login-dialog-button.web-login-intro-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #404040; }
.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, .login-dialog-button.web-login-intro-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #1b1b1b;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.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, .login-dialog-button.web-login-intro-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #3f4348; }
.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, .login-dialog-button.web-login-intro-button:focus:hover {
background-color: #474b50; }
.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, .login-dialog-button.web-login-intro-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #484848; }
.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, .login-dialog-button.web-login-intro-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #545454; }
.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, .login-dialog-button.web-login-intro-button:active:hover {
background-color: #444444; }
.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, .login-dialog-button.web-login-intro-button:active:focus {
background-color: #52565b; }
.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, .login-dialog-button.web-login-intro-button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #515151; }
.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, .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #424242; }
.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, .login-dialog-button.web-login-intro-button:checked:active {
background-color: #4e4e4e; }
/* Lockscreen Elements */
.unlock-dialog .button,
.unlock-dialog .icon-button,
.unlock-dialog .calendar .calendar-month-header .pager-button,
.calendar .calendar-month-header .unlock-dialog .pager-button,
.unlock-dialog .message .message-header .message-expand-button,
.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-button.cancel-button,
.unlock-dialog .login-dialog-button.switch-user-button,
.unlock-dialog .login-dialog-button.login-dialog-auth-menu-button,
.unlock-dialog .login-dialog-button.login-dialog-session-list-button,
.unlock-dialog .login-dialog-button.web-login-intro-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.217); }
.unlock-dialog .button:focus,
.unlock-dialog .icon-button:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
.unlock-dialog .message .message-header .message-expand-button:focus,
.message .message-header .unlock-dialog .message-expand-button:focus,
.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.cancel-button:focus,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: rgba(194, 218, 247, 0.25615); }
.unlock-dialog .button:focus:hover,
.unlock-dialog .icon-button:focus:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
.unlock-dialog .message .message-header .message-expand-button:focus:hover,
.message .message-header .unlock-dialog .message-expand-button:focus:hover,
.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.cancel-button:focus:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:focus:hover {
background-color: rgba(199, 221, 248, 0.280945); }
.unlock-dialog .button:hover,
.unlock-dialog .icon-button:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
.unlock-dialog .message .message-header .message-expand-button:hover,
.message .message-header .unlock-dialog .message-expand-button:hover,
.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.cancel-button:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2431); }
.unlock-dialog .button:active,
.unlock-dialog .icon-button:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:active,
.unlock-dialog .message .message-header .message-expand-button:active,
.message .message-header .unlock-dialog .message-expand-button:active,
.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.cancel-button:active,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2692); }
.unlock-dialog .button:active:hover,
.unlock-dialog .icon-button:active:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
.unlock-dialog .message .message-header .message-expand-button:active:hover,
.message .message-header .unlock-dialog .message-expand-button:active:hover,
.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.cancel-button:active:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active:hover {
background-color: rgba(255, 255, 255, 0.19); }
.unlock-dialog .button:active:focus,
.unlock-dialog .icon-button:active:focus,
.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
.unlock-dialog .message .message-header .message-expand-button:active:focus,
.message .message-header .unlock-dialog .message-expand-button:active:focus,
.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.cancel-button:active:focus,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:active:focus {
background-color: rgba(204, 224, 248, 0.30574); }
.unlock-dialog .button:checked,
.unlock-dialog .icon-button:checked,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
.unlock-dialog .message .message-header .message-expand-button:checked,
.message .message-header .unlock-dialog .message-expand-button:checked,
.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.cancel-button:checked,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5b5b5b; }
.unlock-dialog .button:checked:hover,
.unlock-dialog .icon-button:checked:hover,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
.unlock-dialog .message .message-header .message-expand-button:checked:hover,
.message .message-header .unlock-dialog .message-expand-button:checked:hover,
.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.cancel-button:checked:hover,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked:hover {
background-color: #4d4d4d; }
.unlock-dialog .button:checked:active,
.unlock-dialog .icon-button:checked:active,
.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
.unlock-dialog .message .message-header .message-expand-button:checked:active,
.message .message-header .unlock-dialog .message-expand-button:checked:active,
.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.cancel-button:checked:active,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:checked:active {
background-color: #595959; }
.unlock-dialog .button:insensitive,
.unlock-dialog .icon-button:insensitive,
.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
.unlock-dialog .message .message-header .message-expand-button:insensitive,
.message .message-header .unlock-dialog .message-expand-button:insensitive,
.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.cancel-button:insensitive,
.unlock-dialog .login-dialog-button.switch-user-button: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 .login-dialog-button.web-login-intro-button:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #262626;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.unlock-dialog .login-dialog-prompt-entry {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7); }
.unlock-dialog .login-dialog-prompt-entry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff; }
.unlock-dialog .login-dialog-prompt-entry:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: rgba(154, 194, 242, 0.145);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important;
background-color: rgba(255, 255, 255, 0.13); }
.unlock-dialog .login-dialog-prompt-entry:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: rgba(247, 247, 247, 0.1);
color: rgba(255, 255, 255, 0.5); }
.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
color: rgba(255, 255, 255, 0.7); }
/* WIDGETS */
.shell-link {
color: #62a0ea; }
.shell-link:hover {
color: #8fbbf0; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.icon-dropshadow {
icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
icon-shadow: none;
background-color: #000000;
padding: 12px;
border-radius: 16px;
border: 2px solid rgba(255, 255, 255, 0.4);
margin: 18px; }
/* Entries */
StEntry StIcon.capslock-warning {
icon-size: 1.091em;
warning-color: #f6d32d;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.091em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px; }
/* Buttons */
.button {
min-height: 1.5em; }
.icon-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, .login-dialog-button.web-login-intro-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
border-radius: 999px;
padding: 0.818em;
min-height: 1.091em; }
.icon-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, .login-dialog-button.web-login-intro-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
/* Check Boxes */
.check-box StBoxLayout {
spacing: .8em; }
.check-box StBin {
width: 24px;
height: 24px;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); }
.check-box:focus StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
.check-box:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
.check-box:focus:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
/* Switches */
.toggle-switch {
color: #ffffff;
height: 26px;
width: 46px;
background-size: contain;
background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg"); }
.toggle-switch:checked {
background-image: url("resource:///org/gnome/shell/theme/toggle-on.svg"); }
.toggle-switch StIcon {
icon-size: 16px; }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(255, 255, 255, 0.2);
-barlevel-border-width: 2px;
-barlevel-border-color: transparent;
-barlevel-active-background-color: #3584e4;
-barlevel-active-border-color: transparent;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 1px;
-slider-handle-radius: 0.5455em;
-slider-handle-border-width: 0;
-slider-handle-border-color: transparent;
-barlevel-background-color: rgba(255, 255, 255, 0.4); }
/* Scrollbars */
StScrollView.vfade {
-st-vfade-offset: 68px; }
StScrollView.hfade {
-st-hfade-offset: 68px; }
StScrollBar {
padding: 0; }
StScrollView StScrollBar {
min-width: 8px;
min-height: 8px; }
StScrollBar StBin#trough {
border-radius: 0;
background-color: transparent; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 8px;
background-color: #5e5e5e;
border: 3px solid transparent;
transition: 500ms all ease; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #8c8c8c; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #757575; }
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-rise: 6px; }
.popup-menu {
min-width: 15em;
color: #ffffff; }
.popup-menu.panel-menu {
margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content {
padding: 6px;
background-color: #1a1a1a;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 2px 4px 0 transparent; }
.popup-menu-item {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-radius: 12px; }
.popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-menu-item:focus, .popup-menu-item:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5c5c5c; }
.popup-menu-item:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #686868; }
.popup-menu-item:active:hover {
background-color: #5b5b5b; }
.popup-menu-item:active:focus {
background-color: #65696e; }
.popup-menu-item:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #656565; }
.popup-menu-item:checked:hover {
background-color: #595959; }
.popup-menu-item:checked:active {
background-color: #656565; }
.popup-menu-item:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #323232;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.popup-menu-item:checked {
border-radius: 12px 12px 0 0 !important;
border: 1px solid rgba(255, 255, 255, 0.4);
border-bottom-width: 0; }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-ornamented-menu-item:ltr {
padding-left: 6px; }
.popup-ornamented-menu-item:rtl {
padding-right: 6px; }
.popup-inactive-menu-item {
color: #ffffff; }
.popup-inactive-menu-item:insensitive {
color: #ffffff; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 1.091em; }
.popup-sub-menu {
border-radius: 0 0 13px 13px;
margin-bottom: 6px;
border: 1px solid transparent;
border-color: rgba(255, 255, 255, 0.4); }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: transparent;
border-color: transparent;
box-shadow: none;
border-top-width: 0; }
.popup-sub-menu .popup-menu-item:insensitive {
background-color: transparent !important; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #6a6a6a; }
.popup-sub-menu .popup-menu-item:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #757575; }
.popup-sub-menu .popup-menu-item:active:hover {
background-color: #6b6b6b; }
.popup-sub-menu .popup-menu-item:active:focus {
background-color: #72767b; }
.popup-sub-menu .popup-menu-item:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #737373; }
.popup-sub-menu .popup-menu-item:checked:hover {
background-color: dimgray; }
.popup-sub-menu .popup-menu-item:checked:active {
background-color: #757575; }
.popup-sub-menu .popup-menu-item:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #424242;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 12px 12px;
border-bottom-width: 0; }
.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
border-radius: 0; }
.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
border-radius: 0 0 12px 12px; }
.popup-menu-ornament {
icon-size: 1.091em !important;
width: 1.091em; }
.popup-separator-menu-item {
border: none !important; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: rgba(255, 255, 255, 0.5); }
.popup-sub-menu .popup-separator-menu-item {
background-color: transparent; }
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em; }
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em; }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background-color: rgba(255, 255, 255, 0.5); }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.app-menu {
max-width: 27.25em; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px; }
/* Date/Time Menu */
#calendarArea {
padding: 4px; }
.datemenu-popover {
border-radius: 30px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
margin-left: 6px; }
.datemenu-calendar-column:rtl {
margin-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
.datemenu-today-button {
padding: 9px; }
.datemenu-today-button .day-label {
font-weight: bold; }
.calendar {
margin-top: 0;
padding: 0; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.091em; }
.calendar .calendar-month-header .calendar-month-label {
color: #ffffff !important;
padding: 8px 0;
width: 10em;
border-radius: 999px;
text-align: center; }
.calendar .calendar-month-header .pager-button {
height: 2.6em;
width: 2.6em;
padding: 0; }
.calendar .calendar-day {
border-radius: 999px;
height: 3em;
width: 3em;
margin: 2px;
padding: 0;
font-weight: bold;
text-align: center; }
.calendar .calendar-day.calendar-weekend {
color: #ffffff;
font-style: italic; }
.calendar .calendar-day.calendar-other-month {
color: rgba(255, 255, 255, 0.5);
font-weight: normal;
color: #ffffff;
font-style: italic; }
.calendar .calendar-day.calendar-other-month.calendar-weekend {
color: rgba(255, 255, 255, 0.5);
color: #ffffff; }
.calendar .calendar-day.calendar-today {
color: #ffffff !important; }
.calendar .calendar-day.calendar-today.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; }
.calendar .calendar-day.calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-day-heading {
font-weight: bold;
text-align: center;
margin: 4px;
padding: 3px 6px;
border-radius: 8px; }
.calendar .calendar-week-number {
font-weight: bold;
font-feature-settings: "tnum";
text-align: center;
margin: 6px;
padding: 0 6px;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.2);
color: #ffffff; }
.events-button .events-box .events-title {
color: #ffffff;
padding-bottom: 6px; }
.events-button .events-box .events-list {
spacing: 6px; }
.events-button .events-box .events-list .event-box {
spacing: 6px;
border-radius: 8px; }
.events-button .events-box .events-list .event-box .event-time {
color: #ffffff; }
.events-button .events-box .events-list .event-placeholder {
color: #ffffff;
font-style: italic; }
.world-clocks-button .world-clocks-header {
color: #ffffff; }
.world-clocks-button .world-clocks-header.no-world-clocks {
color: #ffffff; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-grid .world-clocks-time {
font-weight: bold; }
.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-grid .world-clocks-timezone {
color: #ffffff; }
.weather-button .weather-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box {
spacing: 6px; }
.weather-button .weather-box .weather-header-box .weather-header {
color: #ffffff; }
.weather-button .weather-box .weather-header-box .weather-header.no-location {
color: #ffffff; }
.weather-button .weather-box .weather-header-box .weather-header.location {
font-weight: normal; }
.weather-button .weather-box .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-box .weather-grid .weather-forecast-time {
font-size: 0.909em;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-box .weather-grid .weather-forecast-icon {
icon-size: 2.182em;
margin-bottom: 4px; }
.weather-button .weather-box .weather-grid .weather-forecast-temp {
font-weight: bold; }
/* Message List */
.message-list {
width: 29em;
border: solid rgba(255, 255, 255, 0.5); }
.message-list:ltr {
margin-left: 0;
margin-right: 4px;
padding-right: 6px;
border-right-width: 1px; }
.message-list:rtl {
margin-right: 0;
margin-left: 4px;
padding-left: 6px;
border-left-width: 1px; }
.message-list .message-list-placeholder {
color: rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.5); }
.message-list .message-list-placeholder > StIcon {
icon-size: 96px;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 12px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 12px; }
.message-list-controls {
padding: 12px;
padding-bottom: 6px;
spacing: 6px; }
.message-list-controls .dnd-button {
border-width: 2px;
border-color: transparent;
border-radius: 32px;
border-style: solid; }
.message-list-controls .dnd-button:focus {
border-color: rgba(53, 132, 228, 0.6); }
.message {
padding: 0;
margin: 0;
border-radius: 16px; }
.message:ltr {
padding-right: -2px; }
.message:rtl {
padding-left: -2px; }
.message .message-header {
padding: 0 0.409em;
margin: 6px;
margin-bottom: 0;
spacing: 6px;
color: #ffffff; }
.message .message-header .message-source-icon {
icon-size: 1.091em;
-st-icon-style: symbolic; }
.message .message-header .message-header-content {
spacing: 6px;
min-height: 1.637em;
padding-bottom: 6px; }
.message .message-header .message-header-content .message-source-title {
font-weight: bold; }
.message .message-header .message-header-content .event-time {
color: #ffffff;
padding-bottom: 0.068em; }
.message .message-header .message-header-content .event-time:ltr {
text-align: right; }
.message .message-header .message-header-content .event-time:rtl {
text-align: left; }
.message .message-header .message-expand-button,
.message .message-header .message-close-button {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
padding: 4px; }
.message .message-header .message-expand-button:hover,
.message .message-header .message-close-button:hover {
background-color: rgba(255, 255, 255, 0.19); }
.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
.message .message-header .message-close-button:active,
.message .message-header .message-close-button:active:hover {
background-color: rgba(255, 255, 255, 0.24); }
.message .message-header .message-expand-button:insensitive,
.message .message-header .message-close-button:insensitive {
background-color: rgba(255, 255, 255, 0.07); }
.message .message-header .message-expand-button {
padding: 6px; }
.message .message-header .message-expand-button:ltr {
margin-right: 6px; }
.message .message-header .message-expand-button:rtl {
margin-left: 6px; }
.message .message-box {
padding: 6px;
margin: 6px;
margin-top: 0;
spacing: 6px; }
.message .message-box .message-icon {
icon-size: 48px;
-st-icon-style: symbolic; }
.message .message-box .message-icon:ltr {
margin-right: 6px; }
.message .message-box .message-icon:rtl {
margin-left: 6px; }
.message .message-box .message-icon.message-themed-icon {
border-radius: 999px;
background-color: rgba(255, 255, 255, 0.2);
icon-size: 16px;
min-width: 48px;
min-height: 48px; }
.message .message-box:first-child {
margin-top: 12px; }
.message .message-box .message-content {
spacing: 4px; }
.message .message-box .message-content .message-title {
font-weight: bold; }
.url-highlighter {
link-color: #62a0ea; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
border-radius: 8px;
color: #ffffff;
border: 1px solid transparent;
border-color: rgba(255, 255, 255, 0.4);
margin: 12px 2px; }
.message-media-control:hover {
background-color: #595959;
color: #ffffff; }
.message-media-control:active {
background-color: #5e5e5e;
color: #ffffff; }
.message-media-control:insensitive {
color: white;
border-color: transparent; }
.message-media-control StIcon {
icon-size: 16px; }
.media-message .message-icon {
border-radius: 8px !important; }
.media-message .message-icon.message-themed-icon {
icon-size: 32px !important; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #ffffff; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 8px; }
.candidate-box:selected {
background-color: #3584e4;
color: #ffffff; }
.candidate-box:hover {
background-color: #4d4d4d;
color: white; }
.candidate-page-button-box {
height: 2em; }
.vertical .candidate-page-button-box {
padding-top: 12px; }
.horizontal .candidate-page-button-box {
padding-left: 12px; }
.candidate-page-button {
padding: 6px; }
.candidate-page-button StIcon {
icon-size: 16px; }
.candidate-page-button-previous {
border-radius: 8px 0px 0px 8px;
border-right-width: 0;
box-shadow: none; }
.candidate-page-button-next {
border-radius: 0px 8px 8px 0px;
box-shadow: none; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px transparent;
border-radius: 16px;
margin: 4px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.notification-buttons-bin {
spacing: 0; }
/* Modal Dialogs */
.modal-dialog {
background-color: #1a1a1a;
border-radius: 16px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
.modal-dialog .modal-dialog-content-box {
margin: 32px 40px;
spacing: 32px;
max-width: 28em; }
/* End Session Dialog */
.end-session-dialog {
width: 30em; }
.end-session-dialog .end-session-dialog-battery-warning,
.end-session-dialog .dialog-list-title {
color: #f6d32d; }
/* Message Dialog */
.message-dialog-content {
spacing: 18px; }
.message-dialog-content .message-dialog-title {
text-align: center; }
.message-dialog-content .message-dialog-description {
text-align: center; }
/* Dialog List */
.dialog-list {
spacing: 18px; }
.dialog-list .dialog-list-title {
text-align: center; }
.dialog-list .dialog-list-scrollview {
max-height: 200px; }
.dialog-list .dialog-list-box {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
font-weight: bold; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
color: #f2f2f2; }
/* Run Dialog */
.run-dialog .modal-dialog-content-box {
margin-top: 24px;
margin-bottom: 12px; }
.run-dialog .run-dialog-entry {
width: 20em; }
.run-dialog .run-dialog-description {
text-align: center;
color: #cccccc; }
/* Password or Authentication Dialog */
.prompt-dialog {
width: 28em; }
.prompt-dialog .modal-dialog-content-box {
margin-bottom: 24px; }
.prompt-dialog-password-grid {
spacing-rows: 8px;
spacing-columns: 4px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry {
width: auto; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
margin-left: 20px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
margin-right: 20px; }
.prompt-dialog-password-layout {
spacing: 8px; }
.prompt-dialog-password-entry {
width: 20em; }
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label {
text-align: center; }
.prompt-dialog-error-label {
color: #f6d32d; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #f6d32d; }
/* Audio selection dialog */
.audio-device-selection-dialog .modal-dialog-content-box {
margin-bottom: 28px; }
.audio-device-selection-dialog .audio-selection-box {
spacing: 20px; }
.audio-selection-device {
border-radius: 16px; }
.audio-selection-device:hover, .audio-selection-device:focus {
background-color: #4d4d4d; }
.audio-selection-device:active {
background-color: #3584e4;
color: #ffffff; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 64px; }
/* Welcome dialog */
.welcome-dialog-image {
background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
background-size: contain;
/* Reasonable maximum dimensions */
height: 300px;
width: 300px; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* OSD */
.osd-window {
text-align: center;
font-weight: bold;
spacing: 12px;
padding: 12px 18px;
margin-bottom: 4em; }
.osd-window > * {
spacing: 8px; }
.osd-window StIcon {
icon-size: 32px; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
min-width: 160px;
-barlevel-height: 6px;
-barlevel-background-color: rgba(255, 255, 255, 0.1);
-barlevel-active-background-color: #ffffff;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-separator-width: 3px; }
.osd-window .level:first-child {
margin-bottom: 0; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
background-color: #3584e4;
color: #ffffff;
border-radius: 16px;
font-size: 3em;
font-weight: bold;
font-feature-settings: "tnum";
margin: 12px;
padding: 12px;
text-align: center;
min-width: 1.5em; }
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.8); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
/* App Switcher */
.switcher-popup {
padding: 0;
spacing: 24px; }
.switcher-list {
padding: 12px;
border-radius: 28px;
box-shadow: 0 8px 8px 0 transparent; }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.switcher-list .item-box:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: rgba(14, 36, 61, 0.2875); }
.switcher-list .item-box:focus:hover {
background-color: #31353a; }
.switcher-list .item-box:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #313131; }
.switcher-list .item-box:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
.switcher-list .item-box:active:hover {
background-color: #292929; }
.switcher-list .item-box:active:focus {
background-color: #35393e; }
.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #333333; }
.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
background-color: #262626; }
.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
background-color: #2b2b2b; }
.switcher-list .item-box:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.switcher-list .item-box:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .item-box:selected {
background-color: rgba(255, 255, 255, 0.2); }
.switcher-list .item-box:selected {
background-color: rgba(255, 255, 255, 0.3); }
.switcher-list .separator {
width: 1px;
background: rgba(255, 255, 255, 0.5); }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 6px; }
.switcher-list .thumbnail {
width: 256px;
border-radius: 8px; }
.switcher-arrow {
border-color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8); }
.switcher-arrow:highlighted {
border-color: #ffffff;
color: #ffffff; }
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px; }
.cycler-highlight {
border: 5px solid #3584e4; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(255, 255, 255, 0.5);
padding: 4px;
margin: 20px;
border-radius: 48px; }
.ws-switcher-indicator:active {
background-color: #ffffff;
padding: 8px;
margin: 16px; }
.screenshot-ui-panel {
border-radius: 32px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 transparent; }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px;
border-radius: 14px; }
.screenshot-ui-type-button .icon-label-button-container {
spacing: 0.409em; }
.screenshot-ui-type-button .icon-label-button-container > StIcon {
icon-size: 32px; }
.screenshot-ui-capture-button {
width: 32px;
height: 32px;
border-radius: 999px;
border: 4px #ffffff;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: #ffffff;
transition-duration: 200ms;
border-radius: 999px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: #4d4d4d; }
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: #cccccc; }
.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
background-color: gray; }
.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
background-color: #c01c28; }
.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
background-color: #d61f2d; }
.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
background-color: #a11722; }
.screenshot-ui-shot-cast-container {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 999px;
padding: 3px;
spacing: 3px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 999px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.screenshot-ui-shot-cast-button > StIcon {
icon-size: 16px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: rgba(255, 255, 255, 0.2); }
.screenshot-ui-shot-cast-button:active {
background-color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-shot-cast-button:checked {
background-color: #ffffff;
color: #000000; }
.screenshot-ui-shot-cast-button:insensitive {
color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
border: 2px white; }
.screenshot-ui-area-selector-handle {
border-radius: 999px;
background-color: white;
box-shadow: 0 1px 3px 2px transparent;
width: 24px;
height: 24px; }
.screenshot-ui-window-selector {
background-color: #000000; }
.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
margin: 100px; }
.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
margin-bottom: 200px; }
.screenshot-ui-window-selector-window-border {
transition-duration: 200ms;
border-radius: 16px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 999px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #185fb4; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #3584e4;
background-color: rgba(53, 132, 228, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #ffffff;
background-color: #3584e4; }
.screenshot-ui-screen-selector {
transition-duration: 200ms;
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-screen-selector:hover {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-screen-selector:active {
background-color: rgba(0, 0, 0, 0.7); }
.screenshot-ui-screen-selector:checked {
background-color: transparent;
border: 2px white; }
.screenshot-ui-tooltip {
text-align: center;
-y-offset: 24px; }
/* Top Bar */
#panel {
background-color: #000000;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
-natural-hpadding: 12px;
-minimum-hpadding: 6px; }
#panel .panel-button:focus, #panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel .panel-button:active, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-button .system-status-icon {
icon-size: 1.091em;
padding: 0 6px;
margin: 0 4px; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel .panel-button .panel-status-menu-box,
#panel .panel-button .panel-status-indicators-box {
spacing: 4px; }
#panel .panel-button .panel-status-menu-box > .system-status-icon,
#panel .panel-button .panel-status-indicators-box > .system-status-icon {
padding: 0; }
#panel .panel-button#panelActivities StBoxLayout {
padding: 0 0.2045em;
spacing: 5px; }
#panel .panel-button#panelActivities .workspace-dot {
border-radius: 999px;
min-width: 0.5455em;
min-height: 0.5455em;
background-color: #ffffff; }
#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 {
icon-size: 1.091em; }
#panel .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #c01c28; }
#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #d61f2d; }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e02a37; }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e13340; }
#panel .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #ff7800; }
#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #ff861a; }
#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #ff902e; }
#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #ff9638; }
#panel .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-button.clock-display .messages-indicator {
icon-size: 1.091em; }
#panel:overview, #panel.unlock-screen, #panel.login-screen {
background-color: transparent; }
#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #c01c28; }
#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px #d61f2d; }
#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px #e02a37; }
#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #e13340; }
#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: whitesmoke;
box-shadow: inset 0 0 0 100px #ff7800; }
#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
box-shadow: inset 0 0 0 100px #ff861a; }
#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
box-shadow: inset 0 0 0 100px #ff902e; }
#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
box-shadow: inset 0 0 0 100px #ff9638; }
#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent; }
#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent; }
#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button#panelActivities .workspace-dot {
background-color: #ffffff; }
#panel:overview .panel-button.clock-display {
transition-duration: 150ms;
border: 3px solid transparent;
background-color: transparent;
border-radius: 999px;
font-weight: bold;
color: #ffffff;
box-shadow: inset 0 0 0 100px transparent;
background: none !important;
box-shadow: none !important;
border: none !important; }
#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel:overview .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 999px; }
#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); }
#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); }
#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .privacy-indicator {
color: #ff7800; }
#appMenu {
spacing: 0.409em; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 0.409em;
spacing: 0.409em; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 0.818em;
padding-right: 0.818em; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
.quick-settings {
padding: 18px;
border-radius: 36px; }
.quick-settings .icon-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 .login-dialog-button.web-login-intro-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-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; }
.quick-settings-grid {
spacing-rows: 12px;
spacing-columns: 12px; }
.quick-toggle, .quick-menu-toggle {
border-radius: 999px;
min-width: 12em;
max-width: 12em;
min-height: 3.273em;
border: none; }
.quick-toggle {
background-color: none;
/* Move padding into the box; this is to allow menu arrows
to extend to the border */ }
.quick-toggle > StBoxLayout {
spacing: 9px; }
.quick-toggle.button {
padding: 0; }
.quick-toggle > StBoxLayout {
padding: 0 12px; }
.quick-toggle:ltr > StBoxLayout {
padding-left: 15px; }
.quick-toggle:rtl > StBoxLayout {
padding-right: 15px; }
.quick-toggle .quick-toggle-title {
font-weight: bold; }
.quick-toggle StBoxLayout > .quick-toggle-subtitle {
font-weight: normal; }
.quick-toggle .quick-toggle-icon {
icon-size: 1.091em; }
.quick-menu-toggle .quick-toggle {
min-width: auto;
max-width: auto; }
.quick-menu-toggle .quick-toggle:ltr {
border-radius: 999px 0 0 999px; }
.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
padding-right: 0.6135em; }
.quick-menu-toggle .quick-toggle:rtl {
border-radius: 0 999px 999px 0; }
.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
padding-left: 0.6135em; }
.quick-menu-toggle .quick-toggle:ltr:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle:rtl:last-child {
border-radius: 999px; }
.quick-menu-toggle .quick-toggle-arrow {
padding: 0.409em 0.71575em;
border-width: 0;
border-color: rgba(255, 255, 255, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked {
border-color: #bcd6f6; }
.quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 999px 999px 0;
border-left-width: 1px; }
.quick-menu-toggle .quick-toggle-arrow:rtl {
border-radius: 999px 0 0 999px;
border-right-width: 1px; }
.quick-slider > StBoxLayout {
spacing: 6px; }
.quick-slider .icon-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 .login-dialog-button.web-login-intro-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-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; }
.quick-slider .slider-bin {
padding: 6px;
border-radius: 999px; }
.quick-slider .slider-bin:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #484c51; }
.quick-slider .slider-bin:focus:hover {
background-color: #515559; }
.quick-toggle-menu {
border-radius: 24px;
margin: 12px 18px 0; }
.quick-toggle-menu:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949; }
.quick-toggle-menu .popup-menu-item > StIcon {
-st-icon-style: symbolic;
icon-size: 1.091em; }
.quick-toggle-menu .header {
spacing-rows: 3px;
spacing-columns: 12px;
padding-bottom: 12px; }
.quick-toggle-menu .header .icon {
icon-size: 1.6365em;
border-radius: 999px;
padding: 9px;
background-color: rgba(255, 255, 255, 0.2);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.quick-toggle-menu .header .icon.active {
background-color: #3584e4;
color: #ffffff; }
.quick-toggle-menu .header .icon.active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.quick-settings-system-item > StBoxLayout {
spacing: 12px; }
.quick-settings-system-item .power-item {
min-height: 0;
min-width: 0; }
.quick-settings-system-item .power-item:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949;
background-color: transparent; }
.nm-network-item .wireless-secure-icon {
icon-size: 0.5455em; }
.bt-device-item .popup-menu-icon {
-st-icon-style: symbolic; }
.bt-menu-placeholder.popup-menu-item {
text-align: center;
padding: 2em 4em; }
.device-subtitle {
color: rgba(255, 255, 255, 0.5); }
.keyboard-brightness-level {
spacing: 6px; }
.background-apps-quick-toggle {
min-height: 2.728em;
background-color: transparent; }
.background-apps-quick-toggle StIcon {
icon-size: 1.091em !important; }
.background-app-item .popup-menu-icon {
icon-size: 32px !important;
-st-icon-style: regular !important; }
.background-app-item .icon-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 .login-dialog-button.web-login-intro-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-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.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 .login-dialog-button.web-login-intro-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 .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.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 .login-dialog-button.web-login-intro-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 .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); }
.background-app-item .spinner {
padding: 6px; }
.background-app-item.popup-inactive-menu-item {
color: #ffffff; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #000000; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(31, 31, 31, 0.98);
color: #ffffff;
border-radius: 999px;
box-shadow: 0 2px 4px 0 transparent;
padding: 3px;
height: 32px;
width: 32px;
transition-duration: 100ms;
border: 2px solid transparent;
border-color: rgba(255, 255, 255, 0.4); }
.window-close StIcon, .screenshot-ui-close-button StIcon {
icon-size: 24px; }
.window-close:hover, .screenshot-ui-close-button:hover {
background-color: rgba(48, 48, 48, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(64, 64, 64, 0.98); }
.workspace-background {
border-radius: 30px;
background-color: rgba(3, 2, 1, 0);
box-shadow: 0 4px 16px 4px transparent; }
.search-entry {
border-radius: 999px;
margin-top: 12px;
margin-bottom: 6px;
width: 24em; }
.search-entry .search-entry-icon {
icon-size: 1.091em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1044px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #252525;
color: #ffffff;
border-radius: 24px;
padding: 12px;
margin: 0 12px;
border: 2px solid transparent;
border-color: rgba(255, 255, 255, 0.4); }
.list-search-result, .search-provider-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #252525;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
border-radius: 13.2px; }
.list-search-result:focus, .search-provider-icon:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: rgba(41, 63, 88, 0.2875); }
.list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: #505458; }
.list-search-result:hover, .search-provider-icon:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #515151; }
.list-search-result:active, .search-provider-icon:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #555555; }
.list-search-result:active:hover, .search-provider-icon:active:hover {
background-color: #4e4e4e; }
.list-search-result:active:focus, .search-provider-icon:active:focus {
background-color: #53575c; }
.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #535353; }
.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: #4b4b4b; }
.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: #505050; }
.list-search-result:insensitive, .search-provider-icon:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #252525;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.list-search-result:drop, .search-provider-icon:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.search-statustext {
color: rgba(255, 255, 255, 0.8); }
.grid-search-results {
spacing: 30px;
margin: 0 12px; }
.search-provider-icon:ltr {
margin-right: 4px; }
.search-provider-icon:rtl {
margin-left: 4px; }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px;
color: #ffffff; }
.list-search-results {
spacing: 6px; }
.list-search-result .list-search-result-content {
spacing: 6px; }
.list-search-result .list-search-result-title {
spacing: 12px;
font-weight: bold; }
.list-search-result .list-search-result-description {
color: #868686;
color: #ffffff; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .dash-background {
background-color: #252525;
border-radius: 28px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4); }
#dash .dash-item-container .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .dash-item-container .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .dash-item-container .show-apps,
#dash .dash-item-container .overview-tile,
#dash .dash-item-container .grid-search-result {
margin: 0 2px;
padding-bottom: 12px; }
#dash .dash-item-container .show-apps .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .grid-search-result .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #252525;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
#dash .dash-item-container .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:focus .overview-icon,
#dash .dash-item-container .grid-search-result:focus .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: rgba(41, 63, 88, 0.2875); }
#dash .dash-item-container .show-apps:focus .overview-icon:hover,
#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
background-color: #505458; }
#dash .dash-item-container .show-apps:hover .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon,
#dash .dash-item-container .grid-search-result:hover .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #515151; }
#dash .dash-item-container .show-apps:active .overview-icon,
#dash .dash-item-container .overview-tile:active .overview-icon,
#dash .dash-item-container .grid-search-result:active .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #555555; }
#dash .dash-item-container .show-apps:active .overview-icon:hover,
#dash .dash-item-container .overview-tile:active .overview-icon:hover,
#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
background-color: #4e4e4e; }
#dash .dash-item-container .show-apps:active .overview-icon:focus,
#dash .dash-item-container .overview-tile:active .overview-icon:focus,
#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
background-color: #53575c; }
#dash .dash-item-container .show-apps:checked .overview-icon,
#dash .dash-item-container .overview-tile:checked .overview-icon,
#dash .dash-item-container .grid-search-result:checked .overview-icon {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #535353; }
#dash .dash-item-container .show-apps:checked .overview-icon:hover,
#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
background-color: #4b4b4b; }
#dash .dash-item-container .show-apps:checked .overview-icon:active,
#dash .dash-item-container .overview-tile:checked .overview-icon:active,
#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
background-color: #505050; }
#dash .dash-item-container .app-grid-running-dot {
margin-bottom: 21px; }
#dash .dash-separator {
width: 1px;
margin-left: 4px;
margin-right: 4px;
background-color: rgba(255, 255, 255, 0.1);
width: 2px;
background-color: rgba(255, 255, 255, 0.4); }
#dash .dash-separator,
#dash .dash-background {
margin-bottom: 12px; }
.dash-label {
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 36px;
max-column-spacing: 36px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.overview-tile, .grid-search-result {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
border-radius: 24px;
padding: 12px; }
.overview-tile:focus, .grid-search-result:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: rgba(14, 36, 61, 0.2875); }
.overview-tile:focus:hover, .grid-search-result:focus:hover {
background-color: #31353a; }
.overview-tile:hover, .grid-search-result:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #313131; }
.overview-tile:active, .grid-search-result:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
.overview-tile:active:hover, .grid-search-result:active:hover {
background-color: #292929; }
.overview-tile:active:focus, .grid-search-result:active:focus {
background-color: #35393e; }
.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #333333; }
.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
background-color: #262626; }
.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
background-color: #2b2b2b; }
.overview-tile:insensitive, .grid-search-result:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.overview-tile:drop, .grid-search-result:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-folder {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
.app-folder:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #35393e; }
.app-folder:focus:hover {
background-color: #3e4246; }
.app-folder:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #3e3e3e; }
.app-folder:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949; }
.app-folder:active:hover {
background-color: #383838; }
.app-folder:active:focus {
background-color: #484c51; }
.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #474747; }
.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
background-color: #363636; }
.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
background-color: #424242; }
.app-folder:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #0f0f0f;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.app-folder:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.app-grid-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
background-color: #ffffff;
margin-bottom: 4px; }
.app-folder-dialog-container {
padding-top: 2.2em; }
.app-folder-dialog {
width: 720px;
height: 720px;
border-radius: 64px;
background-color: #252525;
color: #ffffff;
padding: 0 2px;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4); }
.app-folder-dialog .folder-name-container {
padding: 24px 36px;
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.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 .login-dialog-button.web-login-intro-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-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: #535353; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: #5c5c5c; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: #676767; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: #5a5a5a; }
.app-folder-dialog .icon-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 .login-dialog-button.web-login-intro-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 .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: #65686d; }
.app-folder-dialog .page-indicators {
margin-bottom: 24px; }
.app-folder-dialog .page-navigation-arrow {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #252525;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.app-folder-dialog .page-navigation-arrow:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #515151; }
.app-folder-dialog .page-navigation-arrow:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #555555; }
.app-folder-dialog .page-navigation-arrow:active:hover {
background-color: #4e4e4e; }
.app-folder-dialog .page-navigation-arrow:active:focus {
background-color: #53575c; }
.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #252525;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: rgba(41, 63, 88, 0.2875); }
.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
background-color: #505458; }
.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #515151; }
.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #555555; }
.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
background-color: #4e4e4e; }
.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
background-color: #53575c; }
.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #535353; }
.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
background-color: #4b4b4b; }
.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
background-color: #505050; }
.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.5);
background-color: #252525;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
background-color: rgba(53, 132, 228, 0.2);
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8); }
.rename-folder-popup .rename-folder-popup-item {
spacing: 6px; }
.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
padding: 0 12px; }
.page-indicator {
padding: 6px 12px 0;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #ffffff;
transition-duration: 400ms; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
border-radius: 999px;
icon-size: 48px;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4); }
.page-navigation-hint.dnd {
background: rgba(255, 255, 255, 0.1); }
.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
background-gradient-start: rgba(255, 255, 255, 0.05);
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: 24px 0px 0px 24px; }
.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
background-gradient-start: transparent;
background-gradient-end: rgba(255, 255, 255, 0.05);
background-gradient-direction: horizontal;
border-radius: 0px 24px 24px 0px; }
.page-navigation-arrow {
margin: 6px;
padding: 18px;
width: 24px;
height: 24px;
border-radius: 999px;
transition-duration: 100ms;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none; }
.page-navigation-arrow > StIcon {
color: #ffffff; }
.page-navigation-arrow:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #313131; }
.page-navigation-arrow:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
.page-navigation-arrow:active:hover {
background-color: #292929; }
.page-navigation-arrow:active:focus {
background-color: #35393e; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px; }
.workspace-thumbnails .workspace-thumbnail {
color: #ffffff;
background-color: #262626;
border-radius: 4px;
border: 1px solid transparent;
border-color: rgba(255, 255, 255, 0.4); }
.workspace-thumbnails .placeholder {
background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
background-size: contain;
width: 18px; }
.workspace-thumbnail-indicator {
border: 3px solid #3584e4;
border-radius: 8px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(188, 214, 246, 0.3);
box-shadow: 0 0 2px 2px #8fbbf0; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #3584e4;
-pie-background-color: rgba(233, 242, 252, 0.3); }
.magnifier-zoom-region {
border: 2px solid #3584e4; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
.select-area-rubberband {
background-color: rgba(53, 132, 228, 0.3);
border: 1px solid #3584e4; }
.user-icon {
background-size: contain;
border-radius: 999px;
icon-size: 64px;
background-color: rgba(255, 255, 255, 0.05);
color: #ffffff; }
.user-icon StIcon {
padding: 12px; }
.user-icon.user-avatar {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: transparent; }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #f6d32d; }
/* Workspace animation */
.workspace-animation {
background-color: #0d0d0d; }
/* Tiled window previews */
.tile-preview {
background-color: rgba(53, 132, 228, 0.5);
border: 1px solid #3584e4; }
/* On-screen Keyboard */
#keyboard {
background-color: #000000;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 8px;
height: 8px; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
font-size: 1.455em;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 10px;
box-shadow: 0 1px 0 0 transparent;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #727272; }
.keyboard-key:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #484c51; }
.keyboard-key:focus:hover {
background-color: #515559; }
.keyboard-key:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #7b7b7b; }
.keyboard-key:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #868686; }
.keyboard-key:active:hover {
background-color: #7e7e7e; }
.keyboard-key:active:focus {
background-color: #82868b; }
.keyboard-key:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #848484; }
.keyboard-key:checked:hover {
background-color: #7c7c7c; }
.keyboard-key:checked:active {
background-color: #888888; }
.keyboard-key:grayed {
background-color: #121212;
color: #ffffff;
border-color: rgba(255, 255, 255, 0.2); }
.keyboard-key.default-key {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5d5d5d;
border-radius: 10px; }
.keyboard-key.default-key:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #666666; }
.keyboard-key.default-key:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #717171; }
.keyboard-key.default-key:active:hover {
background-color: #666666; }
.keyboard-key.default-key:active:focus {
background-color: #6e7277; }
.keyboard-key.default-key:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #6f6f6f; }
.keyboard-key.default-key:checked:hover {
background-color: #646464; }
.keyboard-key.default-key:checked:active {
background-color: #707070; }
.keyboard-key.default-key:latched {
border-color: #4b92e7;
background-color: #3584e4; }
.keyboard-key.enter-key {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #5f9ee9;
border-radius: 10px;
color: #ffffff; }
.keyboard-key.enter-key:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #6fa7eb; }
.keyboard-key.enter-key:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #82b3ee; }
.keyboard-key.enter-key:active:hover {
background-color: #81b3ee; }
.keyboard-key.enter-key:active:focus {
background-color: #7eb1ee; }
.keyboard-key.enter-key:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #7eb1ed; }
.keyboard-key.enter-key:checked:hover {
background-color: #7db0ed; }
.keyboard-key.enter-key:checked:active {
background-color: #93bdf0; }
.keyboard-key.shift-key-uppercase {
background-color: gray;
color: #000000; }
.keyboard-key.shift-key-uppercase:hover {
background-color: #8c8c8c;
color: #0d0d0d; }
.keyboard-key StIcon {
icon-size: 24px; }
.keyboard-subkeys {
-arrow-border-radius: 16px;
-arrow-background-color: #000000;
-arrow-border-width: 1px;
-arrow-border-color: #171717;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px;
padding: 6px; }
.keyboard-subkeys .keyboard-key {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #727272;
border-radius: 10px; }
.keyboard-subkeys .keyboard-key:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #484c51; }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #515559; }
.keyboard-subkeys .keyboard-key:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #7b7b7b; }
.keyboard-subkeys .keyboard-key:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #868686; }
.keyboard-subkeys .keyboard-key:active:hover {
background-color: #7e7e7e; }
.keyboard-subkeys .keyboard-key:active:focus {
background-color: #82868b; }
.keyboard-subkeys .keyboard-key:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #848484; }
.keyboard-subkeys .keyboard-key:checked:hover {
background-color: #7c7c7c; }
.keyboard-subkeys .keyboard-key:checked:active {
background-color: #888888; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #4b92e7;
background-color: #3584e4; }
.word-suggestions {
spacing: 12px;
min-height: 17pt;
padding: 12px;
color: #ffffff; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 4px;
padding: 0px 18px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
background-color: transparent;
border-color: transparent;
box-shadow: none; }
.word-suggestions StButton:insensitive {
background-color: transparent !important; }
.word-suggestions StButton:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: #484c51; }
.word-suggestions StButton:focus:hover {
background-color: #515559; }
.word-suggestions StButton:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #7b7b7b; }
.word-suggestions StButton:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #868686; }
.word-suggestions StButton:active:hover {
background-color: #7e7e7e; }
.word-suggestions StButton:active:focus {
background-color: #82868b; }
.word-suggestions StButton:checked {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #848484; }
.word-suggestions StButton:checked:hover {
background-color: #7c7c7c; }
.word-suggestions StButton:checked:active {
background-color: #888888; }
/* Looking Glass */
#LookingGlassDialog {
background-color: rgba(0, 0, 0, 0.98);
color: #ffffff;
border-radius: 16px;
margin-top: 4px;
border: 2px solid transparent;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 transparent;
border-color: rgba(255, 255, 255, 0.4);
background-color: #000000;
box-shadow: none; }
#LookingGlassDialog > #Toolbar {
border: none;
padding: 6px;
border-radius: 0;
background-color: transparent;
spacing: 6px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
padding: 6px 12px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
icon-size: 16px; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
padding: 6px 12px; }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
min-height: 1.5em; }
.lg-dialog .shell-link {
color: #62a0ea; }
.lg-dialog .shell-link:hover {
color: #8fbbf0; }
.lg-dialog .shell-link:active {
color: #3585e4; }
.lg-dialog .actor-link {
color: #ffffff; }
.lg-dialog .actor-link:hover {
color: white; }
.lg-dialog .actor-link:active {
color: #cccccc; }
.lg-dialog .actor-link StIcon {
icon-size: 12px; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 4px;
border-radius: 8px; }
.lg-obj-inspector-button:hover {
border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 8px;
padding: 6px; }
.lg-debug-flag-button {
color: #ffffff; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #cccccc; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
.login-dialog,
.unlock-dialog {
color: #ffffff; }
.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: #ffffff; }
.login-dialog .login-dialog-prompt-layout,
.unlock-dialog .login-dialog-prompt-layout {
width: 25em;
spacing: 9px; }
.login-dialog-button.cancel-button {
padding: 9px; }
.login-dialog-auth-menu-button-title {
font-size: 0.909em;
color: #999999;
font-weight: bold;
padding-top: 6px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px; }
.login-dialog-auth-menu-button-popup-menu-box {
padding: 18px; }
.login-dialog-auth-menu-button-item {
padding-left: 12px;
padding-right: 12px; }
.login-dialog-button-box {
spacing: 12px; }
.conflicting-session-dialog-content {
spacing: 20px; }
.conflicting-session-dialog-content .conflicting-session-dialog-title {
text-align: center;
margin-bottom: 5px; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc {
text-align: center; }
.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
text-align: center;
color: #f6d32d; }
.login-dialog-menu-button-box {
spacing: 12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px; }
.login-dialog-logo-bin {
margin: 3em 0; }
.login-dialog-banner-view {
max-width: 25em; }
.login-dialog-banner-view .login-dialog-banner {
color: #e6e6e6; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding-top: 4em;
padding-bottom: 8em; }
.login-dialog-not-listed-label {
padding: 6px; }
.login-dialog-not-listed-button {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #000000;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
box-shadow: none;
border: none;
padding: 0 6px;
margin: 6px; }
.login-dialog-not-listed-button:focus {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.8) !important;
background-color: rgba(14, 36, 61, 0.2875); }
.login-dialog-not-listed-button:focus:hover {
background-color: #31353a; }
.login-dialog-not-listed-button:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #313131; }
.login-dialog-not-listed-button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535; }
.login-dialog-not-listed-button:active:hover {
background-color: #292929; }
.login-dialog-not-listed-button:active:focus {
background-color: #35393e; }
.login-dialog-auth-list-view {
-st-vfade-offset: 3em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 16px;
padding: 4px;
color: #b3b3b3; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #3584e4;
color: #ffffff; }
.login-dialog-auth-list-label:ltr {
padding-left: 15px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 15px;
text-align: right; }
.login-dialog-user-list-view {
width: 25em;
-st-vfade-offset: 3em; }
.login-dialog-user-list-view .login-dialog-user-list {
margin: 0 8px;
spacing: 12px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #353535;
border-radius: 16px;
padding: 9px; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-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 rgba(53, 132, 228, 0.8) !important;
background-color: #35393e; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
background-color: #3e4246; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #3e3e3e; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
color: #ffffff;
background-color: #494949; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
background-color: #383838; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
background-color: #484c51; }
.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 {
height: 2px;
margin-top: 6px;
background-color: rgba(255, 255, 255, 0.7); }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
border-color: #3584e4; }
.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
background-color: rgba(53, 132, 228, 0.3); }
.login-dialog-prompt-layout {
spacing: 12px;
min-width: 30em; }
.web-login-dialog-content-overlay {
background-color: rgba(26, 26, 26, 0.7);
border-radius: 16px;
margin-bottom: 3em; }
.web-login-spinner {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.5);
border: 5px transparent;
border-radius: 50px; }
.web-login-title-label {
font-size: 1em;
color: #b3b3b3; }
.web-login-url-label {
font-size: 1em;
color: #ffffff;
text-align: center; }
.web-login-code-title-label {
font-size: 1em;
font-size: 1em;
color: #ffffff; }
.web-login-code-label {
font-size: 1em;
color: #ffffff;
font-weight: bold; }
.web-login-prompt {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 27px;
padding-right: 27px;
spacing: 1.75em;
border-radius: 16px; }
.web-login-intro-button-label {
font-size: 1.455em;
color: #ffffff;
height: 3em;
text-align: center;
font-weight: bold; }
.web-login-intro-button {
font-size: 1em;
color: #ffffff;
height: 3em;
text-align: center;
border-radius: 32px; }
.unlock-dialog {
background-color: transparent; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #000000; }
.unlock-dialog-clock {
color: #ffffff;
spacing: 2em; }
.unlock-dialog-clock .unlock-dialog-clock-time {
font-size: 6.546em;
font-weight: 200; }
.unlock-dialog-clock .unlock-dialog-clock-date {
font-weight: 400; }
.unlock-dialog-clock .unlock-dialog-clock-hint {
margin-top: 2em;
padding: 6px 18px;
border-radius: 16px;
font-weight: bold; }
#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
background-color: rgba(26, 26, 26, 0.3); }
#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(26, 26, 26, 0.5); }
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
background-color: rgba(53, 132, 228, 0.5); }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 25em;
background-color: transparent; }
.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0; }
.unlock-dialog-notifications-container .notification,
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 16px;
border: none;
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
border-radius: 16px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(255, 255, 255, 0.2); }
.unlock-dialog-notification-icon {
icon-size: 32px; }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 999px; }
.login-dialog .user-widget .user-widget-label,
.unlock-dialog .user-widget .user-widget-label {
color: #ffffff; }
.login-dialog .user-widget .user-icon,
.unlock-dialog .user-widget .user-icon {
background-color: rgba(255, 255, 255, 0.13);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.login-dialog .user-widget.horizontal,
.unlock-dialog .user-widget.horizontal {
spacing: 18px; }
.login-dialog .user-widget.vertical,
.unlock-dialog .user-widget.vertical {
spacing: 24px; }
.login-dialog .user-widget.vertical .user-widget-label,
.unlock-dialog .user-widget.vertical .user-widget-label {
text-align: center;
margin-bottom: .75em; }
.login-dialog .user-widget.vertical .user-icon,
.unlock-dialog .user-widget.vertical .user-icon {
icon-size: 160px; }
.login-dialog .user-widget.vertical .user-icon StIcon,
.unlock-dialog .user-widget.vertical .user-icon StIcon {
padding: 24px; }
.auth-notification-banner .message-header {
width: 0px;
height: 0px; }
.auth-notification-banner .message-header .message-close-button {
border: none;
background-color: rgba(0, 0, 0, 0); }
.qr-code {
background-color: #ffffff;
border-color: #ffffff;
color: #000000;
border-radius: 4px;
border-width: 1em; }
(uuay)checkbox-focused.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><g transform="translate(-342.5 -521.362)"><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#3584e4;stroke-width:6;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.34999999;marker:none;enable-background:accumulate" ry="3"/><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:#3584e4;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" ry="3"/><path style="color:#000;fill:#fff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none" d="M361.998 527.733a1.5 1.5 0 0 0-2.117.127l-6.928 7.824-2.928-2.882a1.5 1.5 0 0 0-2.12.015 1.5 1.5 0 0 0 .015 2.121l4.055 3.993a1.5 1.5 0 0 0 2.175-.075l7.975-9.006a1.5 1.5 0 0 0-.127-2.117z"/></g></svg> (uuay)workspace-placeholder.svg k <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="27"
height="76"
id="svg11252"
version="1.1"
sodipodi:docname="dash-placeholder-horizontal.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
<metadata
id="metadata19">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview17"
showgrid="false"
inkscape:pagecheckerboard="true"
inkscape:zoom="12.473684"
inkscape:cx="38"
inkscape:cy="26.327004"
inkscape:current-layer="g99967"
inkscape:document-rotation="0" />
<defs
id="defs11254">
<radialGradient
xlink:href="#linearGradient39563-4-2"
id="radialGradient68155-2-3"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,0.3486842,24.5,341.84211)"
cx="49"
cy="488"
fx="49"
fy="488"
r="38" />
<linearGradient
id="linearGradient39563-4-2">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop39565-1-4" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop39567-7-9" />
</linearGradient>
<radialGradient
xlink:href="#linearGradient39573-6-1"
id="radialGradient68157-0-8"
gradientUnits="userSpaceOnUse"
cx="50.5"
cy="487.5"
fx="50.5"
fy="487.5"
r="10.5"
gradientTransform="matrix(1.2857143,0,0,1.2857143,8.571428,-114.78571)" />
<linearGradient
id="linearGradient39573-6-1">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop39575-5-6" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop39577-1-2" />
</linearGradient>
</defs>
<g
id="layer1"
transform="rotate(90,465.93109,104.43109)">
<g
id="g99967"
style="display:inline"
transform="translate(326,44.862171)">
<rect
style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.49375;fill:url(#radialGradient68155-2-3);fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate"
id="rect99969"
width="76"
height="2"
x="35.5"
y="511"
rx="0"
ry="0" />
<path
style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.43125;fill:url(#radialGradient68157-0-8);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.28571;marker:none;enable-background:accumulate"
id="path99971"
d="m 87,512.00001 c 0,7.45584 -6.044155,13.5 -13.5,13.5 -7.455844,0 -13.5,-6.04416 -13.5,-13.5 0,-7.45585 6.044156,-13.5 13.5,-13.5 7.455845,0 13.5,6.04415 13.5,13.5 z" />
<path
d="m 78.076923,512.00001 c 0,2.52776 -2.049159,4.57692 -4.576923,4.57692 -2.527766,0 -4.576923,-2.04916 -4.576923,-4.57692 0,-2.52777 2.049157,-4.57692 4.576923,-4.57692 2.527765,0 4.576923,2.04915 4.576923,4.57692 z"
id="path99973"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.435897;marker:none;enable-background:accumulate" />
</g>
</g>
</svg>
(uuay)calendar-today.svg � <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><circle style="color:#000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;fill:#fff;fill-opacity:.858277;fill-rule:nonzero;stroke:none;stroke-width:.999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" cx="16" cy="28" r="2"/></svg> (uuay)
Zerion Mini Shell 1.0