158 lines
3.4 KiB
CSS
158 lines
3.4 KiB
CSS
/* OSD */
|
|
|
|
.switcher-list, /* alt + tab */
|
|
.resize-popup, /* i dunno what is that :( */
|
|
.workspace-switcher, /* ctrl + alt + arr_left/arr_right */
|
|
.osd-window /* volume/brightness/.. switcher */ {
|
|
color: TEXT-PRIMARY-COLOR;
|
|
background-color: BACKGROUND-COLOR;
|
|
border: 1px solid BORDER-MENU-SHADOW;
|
|
border-radius: 20px;
|
|
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
|
|
}
|
|
|
|
/* alt + tab */
|
|
.switcher-list {
|
|
border-radius: 30px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* running apps in switcher list */
|
|
.switcher-list .item-box {
|
|
border-radius: 22px;
|
|
padding: 8px;
|
|
color: TEXT-PRIMARY-COLOR;
|
|
border: 3px solid transparent;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.switcher-list .item-box:hover,
|
|
.switcher-list .item-box:focus,
|
|
.switcher-list .item-box:selected,
|
|
.switcher-list .item-box:outlined {
|
|
background-color: ACCENT-DISABLED_HOVER;
|
|
/* box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR; */
|
|
border: 3px solid ACCENT-SECONDARY-COLOR;
|
|
}
|
|
|
|
|
|
/* arrow if app has multiple windows */
|
|
.switcher-arrow {
|
|
color: TEXT-DISABLED-COLOR;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.switcher-arrow:highlighted {
|
|
color: TEXT-SECONDARY-COLOR;
|
|
}
|
|
|
|
|
|
/* ctrl + alt + arr_left/arr_right */
|
|
.ws-switcher-indicator {
|
|
background-color: TEXT-SECONDARY-COLOR;
|
|
border-radius: 99px;
|
|
padding: 2.5px;
|
|
margin: 7.5px 5px;
|
|
}
|
|
|
|
.ws-switcher-indicator:active {
|
|
background-color: TEXT-PRIMARY-COLOR;
|
|
padding: 5px 20px;
|
|
margin: 5px;
|
|
}
|
|
|
|
|
|
/* Modal dialog */
|
|
.modal-dialog {
|
|
border-radius: 20px;
|
|
padding: 12px;
|
|
background-color: BACKGROUND-COLOR;
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
color: TEXT-PRIMARY-COLOR;
|
|
}
|
|
|
|
.end-session-dialog {
|
|
width: 28em;
|
|
}
|
|
|
|
/* user avatar */
|
|
.user-icon {
|
|
border-radius: 999px;
|
|
color: TEXT-PRIMARY-COLOR;
|
|
background-color: ACCENT-DISABLED-COLOR;
|
|
box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW;
|
|
}
|
|
|
|
.user-icon.user-avatar {
|
|
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
|
|
/* password entry */
|
|
.prompt-dialog-password-entry {
|
|
background-color: SECTION-COLOR;
|
|
}
|
|
|
|
|
|
/* button in modals */
|
|
.modal-dialog-linked-button, /* 46 */
|
|
.modal-dialog-button-box .modal-dialog-button, /* 47+ */
|
|
.notification-button {
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
background-color: ACCENT-DISABLED-COLOR;
|
|
color: TEXT-PRIMARY-COLOR;
|
|
animation-duration: 100ms;
|
|
}
|
|
|
|
.modal-dialog-button-box .modal-dialog-button:focus {
|
|
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
|
|
}
|
|
|
|
.modal-dialog-linked-button {
|
|
padding: 10px 0;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.notification-button {
|
|
padding: 7px 12px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* see button spacing in ..46 and 47.. */
|
|
|
|
.modal-dialog-linked-button:hover,
|
|
.modal-dialog-linked-button:focus,
|
|
.notification-button:hover,
|
|
.notification-button:focus {
|
|
background: ACCENT-DISABLED_HOVER;
|
|
color: TEXT-PRIMARY-COLOR;
|
|
}
|
|
|
|
.modal-dialog-linked-button:last-child {
|
|
background-color: BUTTON-COLOR;
|
|
color: BUTTON-TEXT-COLOR;
|
|
}
|
|
|
|
.modal-dialog-linked-button:last-child:hover,
|
|
.modal-dialog-linked-button:last-child:focus {
|
|
background-color: BUTTON_HOVER;
|
|
}
|
|
|
|
.modal-dialog-linked-button:focus {
|
|
animation-duration: 100ms;
|
|
box-shadow: inset 0 0 0 1px TEXT-DISABLED-COLOR !important;
|
|
}
|
|
|
|
.modal-dialog-linked-button:focus:hover,
|
|
.notification-button:focus:hover,
|
|
.modal-dialog-linked-button:focus:active,
|
|
.notification-button:focus:active {
|
|
box-shadow: inset 0 0 0 1px TEXT-SECONDARY-COLOR !important;
|
|
}
|
|
|
|
.modal-dialog .modal-dialog-linked-button:insensitive,
|
|
.notification-banner .notification-button:insensitive {
|
|
color: BUTTON-TEXT_SECONDARY;
|
|
background-color: BUTTON_INSENSITIVE;
|
|
} |