CSS for notification window

2026-02-27 14:58:52 +01:00
parent 63687325e0
commit 51a5c4cd0b
1 changed files with 18 additions and 8 deletions
@@ -38,18 +38,28 @@ window#waybar {
    border-radius: 10px;
 }

-#custom-notifications {
-    margin: 0 4px;
-    padding: 0 4px;
-    min-width: 0;
+/* Main notification window */
+.notification-row,
+.notification,
+.notification-group {
+    background-color: rgba(30, 30, 46, 0.15);
+    border: 1px solid rgba(255, 255, 255, 0.08);
 }

-#custom-notifications.empty {
-    color: @overlay1;
+/* Control center */
+.control-center {
+    background-color: rgba(30, 30, 46, 0.15);
 }

-#custom-notifications.unread {
-    color: @yellow;
+/* Notification body */
+.notification-content {
+    background-color: rgba(30, 30, 46, 0.15);
+}
+
+/* Optional: blur look */
+.notification,
+.control-center {
+    backdrop-filter: blur(8px);
 }

 #workspaces button:hover {