Chillcraft/Marble-shell-theme
3
0
Fork 0
mirror of https://github.com/imarkoff/Marble-shell-theme.git synced 2025-10-05 07:44:47 -07:00
Code Issues Packages Projects Releases Wiki Activity

OSD: add shadows & increase border radius

Browse Source
This commit is contained in:
Vladyslav Hroshev
2023-04-05 22:12:29 +03:00
parent 0dad678dd7
commit 7ea69fc6c7
1 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
css/modal-dialog.css → css/osd.css
View File

@@ -1,30 +1,22 @@
/* OSD */ /* OSD */
.modal-dialog {
border-radius: 18px;
background-color: BACKGROUND-COLOR;
border: none;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
color: TEXT-PRIMARY-COLOR;
}
.switcher-list, .switcher-list,
.resize-popup, .resize-popup,
.workspace-switcher, .workspace-switcher,
.osd-window { .osd-window {
border-radius: 18px;
background: BACKGROUND-COLOR;
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.05); background-color: BACKGROUND-COLOR;
border: none; border: 1px solid BORDER-MENU-SHADOW;
box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW; border-radius: 20px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
} }
.user-icon.user-avatar { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); } .switcher-list { border-radius: 24px; }
.ws-switcher-indicator { .ws-switcher-indicator {
background-color: TEXT-SECONDARY-COLOR; background-color: TEXT-SECONDARY-COLOR;
} }
.switcher-list .item-box { border-radius: 20px; }
.switcher-list .item-box:hover, .switcher-list .item-box:hover,
.switcher-list .item-box:focus, .switcher-list .item-box:focus,
.switcher-list .item-box:selected { .switcher-list .item-box:selected {
@@ -32,7 +24,18 @@
box-shadow: inset 0 0 0 1px BORDER-SHADOW; box-shadow: inset 0 0 0 1px BORDER-SHADOW;
} }
/* Modal dialog buttons */
/* Modal dialog */
.modal-dialog {
border-radius: 20px;
background-color: BACKGROUND-COLOR;
border: none;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
color: TEXT-PRIMARY-COLOR;
}
.user-icon.user-avatar { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); }
.modal-dialog-linked-button, .modal-dialog-linked-button,
.notification-button, .notification-button,
.hotplug-notification-item { .hotplug-notification-item {