Chillcraft/Marble-shell-theme
3
0
Fork 0
mirror of https://github.com/imarkoff/Marble-shell-theme.git synced 2025-09-23 19:56:35 -07:00
Code Issues Packages Projects Releases Wiki Activity

Messages: add shadow for OSD message

Browse Source
This commit is contained in:
Vladyslav Hroshev
2023-04-08 10:35:39 +03:00
parent 9583fd2477
commit 81ccbac82a
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
css/aylur.css
View File

@@ -1,7 +1,6 @@
/* Aylur's widgets */ /* Aylur's widgets */
.quick-settings.tweaked .media, .quick-settings.tweaked .media,
.quick-settings.tweaked .message, .quick-settings.tweaked .message,
.popup-menu-content .message,
.quick-settings.tweaked .quick-container { .quick-settings.tweaked .quick-container {
background-color: SECTION-COLOR; background-color: SECTION-COLOR;
border-radius: 16px; border-radius: 16px;

17
css/messages.css
View File

@@ -14,17 +14,18 @@
.message { .message {
background: BACKGROUND-COLOR; background-color: BACKGROUND-COLOR;
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
border-radius: 18px; border-radius: 18px;
border: none; border: 1px solid BORDER-MENU-SHADOW;
box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
} }
.message-list .message { .message-list .message, .popup-menu-content .message {
background-color: SECTION-COLOR; background-color: SECTION-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; border: 1px solid BORDER-SHADOW;
box-shadow: none;
transition-duration: 100ms; transition-duration: 100ms;
} }
@@ -54,7 +55,7 @@
border-radius: 9px; border-radius: 9px;
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
background-color: ACCENT-DISABLED-COLOR; background-color: ACCENT-DISABLED-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; border: 1px solid BORDER-SHADOW;
transition-duration: 100ms; transition-duration: 100ms;
} }
@@ -78,7 +79,7 @@
.message-media-control:hover { .message-media-control:hover {
background-color: ACCENT-DISABLED-COLOR; background-color: ACCENT-DISABLED-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; border: 1px solid BORDER-SHADOW;
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
} }
@@ -106,7 +107,7 @@
.media-message-cover-icon.fallback { .media-message-cover-icon.fallback {
color: TEXT-PRIMARY-COLOR; color: TEXT-PRIMARY-COLOR;
background-color: ACCENT-DISABLED_HOVER; background-color: ACCENT-DISABLED_HOVER;
box-shadow: inset 0 0 0 1px BORDER-SHADOW; border: 1px solid BORDER-SHADOW;
border-radius: 12px; border-radius: 12px;
icon-size: 1.6em !important; icon-size: 1.6em !important;
padding: 0.79em; padding: 0.79em;