CSS for notification window

This commit is contained in:
2026-02-27 14:58:52 +01:00
parent 63687325e0
commit 51a5c4cd0b
@@ -38,18 +38,28 @@ window#waybar {
border-radius: 10px; border-radius: 10px;
} }
#custom-notifications { /* Main notification window */
margin: 0 4px; .notification-row,
padding: 0 4px; .notification,
min-width: 0; .notification-group {
background-color: rgba(30, 30, 46, 0.15);
border: 1px solid rgba(255, 255, 255, 0.08);
} }
#custom-notifications.empty { /* Control center */
color: @overlay1; .control-center {
background-color: rgba(30, 30, 46, 0.15);
} }
#custom-notifications.unread { /* Notification body */
color: @yellow; .notification-content {
background-color: rgba(30, 30, 46, 0.15);
}
/* Optional: blur look */
.notification,
.control-center {
backdrop-filter: blur(8px);
} }
#workspaces button:hover { #workspaces button:hover {