diff --git a/css/aylur.css b/css/aylur.css index 9ad8313..feb8a31 100644 --- a/css/aylur.css +++ b/css/aylur.css @@ -1,7 +1,6 @@ /* Aylur's widgets */ .quick-settings.tweaked .media, .quick-settings.tweaked .message, -.popup-menu-content .message, .quick-settings.tweaked .quick-container { background-color: SECTION-COLOR; border-radius: 16px; diff --git a/css/messages.css b/css/messages.css index 5fbdd84..e9e4ea5 100644 --- a/css/messages.css +++ b/css/messages.css @@ -14,17 +14,18 @@ .message { - background: BACKGROUND-COLOR; + background-color: BACKGROUND-COLOR; color: TEXT-PRIMARY-COLOR; border-radius: 18px; - border: none; - box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW; + border: 1px solid 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; - box-shadow: inset 0 0 0 1px BORDER-SHADOW; + border: 1px solid BORDER-SHADOW; + box-shadow: none; transition-duration: 100ms; } @@ -54,7 +55,7 @@ border-radius: 9px; color: TEXT-PRIMARY-COLOR; background-color: ACCENT-DISABLED-COLOR; - box-shadow: inset 0 0 0 1px BORDER-SHADOW; + border: 1px solid BORDER-SHADOW; transition-duration: 100ms; } @@ -78,7 +79,7 @@ .message-media-control:hover { background-color: ACCENT-DISABLED-COLOR; - box-shadow: inset 0 0 0 1px BORDER-SHADOW; + border: 1px solid BORDER-SHADOW; color: TEXT-PRIMARY-COLOR; } @@ -106,7 +107,7 @@ .media-message-cover-icon.fallback { color: TEXT-PRIMARY-COLOR; background-color: ACCENT-DISABLED_HOVER; - box-shadow: inset 0 0 0 1px BORDER-SHADOW; + border: 1px solid BORDER-SHADOW; border-radius: 12px; icon-size: 1.6em !important; padding: 0.79em;