init

.config/swaync/colors.css

@@ -0,0 +1,6 @@
+@define-color background #1d1010;
+@define-color foreground #f8dcdc;
+@define-color primary #ffb3b5;
+@define-color secondary #f5b8a7;
+@define-color surface_container #2b1c1c;
+@define-color urgent #ffb4ab;

.config/swaync/config.json

@@ -0,0 +1,27 @@
+{
+  "positionX": "right",
+  "positionY": "top",
+  "layer": "overlay",
+  "control-center-layer": "top",
+  "control-center-margin-top": 10,
+  "control-center-margin-bottom": 10,
+  "control-center-margin-right": 10,
+  "control-center-margin-left": 10,
+  "notification-2fa-action": true,
+  "notification-inline-replies": true,
+  "notification-icon-size": 64,
+  "notification-body-image-height": 100,
+  "notification-body-image-width": 200,
+  "timeout": 10,
+  "timeout-low": 5,
+  "timeout-critical": 0,
+  "fit-to-screen": false,
+  "control-center-width": 500,
+  "notification-window-width": 500,
+  "keyboard-shortcuts": true,
+  "image-visibility": "when-available",
+  "transition-time": 200,
+  "hide-on-clear": false,
+  "hide-on-action": true,
+  "script-fail-notify": true
+}

.config/swaync/style.css

@@ -0,0 +1,84 @@
+@import "colors.css";
+
+* {
+    font-family: "JetBrainsMono Nerd Font";
+}
+
+.control-center {
+    background: @background;
+    border: 2px solid @primary;
+    border-radius: 12px;       
+    padding: 10px;             
+    min-width: 500px;          
+    box-shadow: 0 0 10px rgba(0,0,0,0.5);
+}
+
+.widget-title {
+    color: @primary;
+    background: @surface_container;
+    padding: 5px 10px;
+    margin: 10px 0;
+    font-size: 1.5rem;
+    border-radius: 8px;
+}
+
+.widget-title > button {
+    font-size: initial;
+    color: @foreground;
+    text-shadow: none;
+    background: @surface_container;
+    box-shadow: none;
+    border-radius: 8px;
+}
+
+.widget-label {
+    margin: 10px 0;
+}
+
+.widget-label > label {
+    font-size: 1.1rem;
+    color: @foreground;
+}
+
+.notification {
+    background: @surface_container;
+    border-radius: 12px;       
+    margin: 6px 0;
+    padding: 10px;
+    border: 1px solid @secondary;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+}
+
+.notification-content {
+    background: transparent;
+    padding: 5px;
+}
+
+.summary {
+    color: @primary;
+    font-size: 1.1rem;
+    font-weight: bold;
+    text-shadow: none;
+}
+
+.body {
+    color: @foreground;
+    text-shadow: none;
+}
+
+.time {
+    color: @secondary;
+    font-size: 0.8rem;
+    text-shadow: none;
+    margin-right: 10px;
+}
+
+.notification.critical {
+    background: @urgent;
+    border: 2px solid @error;
+}
+
+.notification.critical .body,
+.notification.critical .summary {
+    color: @background; 
+}