From f01b427f2f601e52d8c09de0186060289a8db158 Mon Sep 17 00:00:00 2001
From: i0uring <lunary@celesteflare.cc>
Date: Sat, 13 Sep 2025 17:48:24 +0200
Subject: [PATCH] :sparkles: update swaync

---
 .config/swaync/config.json |  6 ++---
 .config/swaync/style.css   | 52 ++++++++++++++++++--------------------
 2 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/.config/swaync/config.json b/.config/swaync/config.json
index d51a700..811856c 100644
--- a/.config/swaync/config.json
+++ b/.config/swaync/config.json
@@ -1,10 +1,10 @@
 {
   "positionX": "right",
   "positionY": "top",
-  "control-center-margin-top": 20,
+  "control-center-margin-top": 5,
   "control-center-margin-bottom": 0,
   "control-center-margin-right": 0,
-  "control-center-margin-left": 20,
+  "control-center-margin-left": 5,
   "control-center-width": 500,
   "control-center-height": 600,
   "fit-to-screen": false,
@@ -47,4 +47,4 @@
       "image-radius": 12
     }
   }
-}
\ No newline at end of file
+}
diff --git a/.config/swaync/style.css b/.config/swaync/style.css
index 79dc51b..d22d0e3 100644
--- a/.config/swaync/style.css
+++ b/.config/swaync/style.css
@@ -1,7 +1,7 @@
 @define-color foreground rgb(255, 255, 255);
 @define-color background rgb(0, 0, 0);
-@define-color background-alpha rgba(0, 0, 0, 0.8);
-@define-color accent rgba(0, 0, 0, 0.8);
+@define-color background-alpha rgba(0, 0, 0, 0.42);
+@define-color accent rgba(0, 0, 0, 0.69);
 @define-color current-line rgb(0, 0, 0);
 @define-color comment rgb(0, 0, 0);
 @define-color aux-blue rgb(0, 0, 0);
@@ -18,10 +18,8 @@
 .notification-row {
   transition: all 200ms ease;
   outline: none;
-  margin-bottom: 4px;
-  margin-right: 13px;
-  margin-top: 8px;
-  border-radius: 80px;
+  margin: 0.2rem 0.2rem 0.2rem 0.2rem;
+  border-radius: 0.3rem;
 }
 
 .control-center .notification-row:focus,
@@ -49,27 +47,27 @@
 .notification {
   transition: all 200ms ease;
   border-radius: 8px;
-  margin: 12px 7px 0px 7px;
+  margin: 2px 2px 0px 2px;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
   padding: 0;
 }
 
 .low {
   background: @aux-yellow;
-  padding: 6px;
-  border-radius: 6px;
+  padding: 0.1rem;
+  border-radius: 0.3rem;
 }
 
 .normal {
   background: @aux-orange;
-  padding: 6px;
-  border-radius: 6px;
+  padding: 0.1rem;
+  border-radius: 0.3rem;
 }
 
 .critical {
   background: @aux-red;
-  padding: 6px;
-  border-radius: 6px;
+  padding: 0.1rem;
+  border-radius: 0.3rem;
 }
 
 .notification-content {
@@ -194,7 +192,7 @@
 }
 
 .control-center-dnd {
-  border-radius: 8px;
+  border-radius: 0.3rem;
   background: @background;
   border: 1px solid @accent;
   box-shadow: none;
@@ -206,20 +204,20 @@
 
 .control-center-dnd slider {
   background: @background;
-  border-radius: 8px;
+  border-radius: 0.3rem;
 }
 
 .control-center {
   background: @background-alpha;
-  border-radius: 10px;
+  border-radius: 0.3rem;
   background-clip: border-box;
-  padding: 4px;
+  padding: 2px;
   box-shadow:
     0 0 0 1px rgba(0, 0, 0, 0.3),
     0 1px 3px 1px rgba(0, 0, 0, 0.7),
     0 2px 6px 2px rgba(0, 0, 0, 0.3);
   color: @foreground;
-  border: 2px solid @accent;
+  border: 0.1rem solid @accent;
 }
 
 .control-center-list {
@@ -250,7 +248,7 @@
   background: @background;
   border: 2px solid @accent;
   box-shadow: none;
-  border-radius: 8px;
+  border-radius: 0.3rem;
 }
 
 .widget-title>button:hover {
@@ -259,13 +257,13 @@
 
 /* DND widget */
 .widget-dnd {
-  margin: 8px;
+  margin: 0.3rem;
   font-size: 1.1rem;
 }
 
 .widget-dnd>switch {
   font-size: initial;
-  border-radius: 8px;
+  border-radius: 0.3rem;
   background: @background;
   border: 1px solid @accent;
   box-shadow: none;
@@ -277,13 +275,13 @@
 
 .widget-dnd>switch slider {
   background: @background;
-  border-radius: 8px;
+  border-radius: 0.3rem;
   border: 1px solid @foreground;
 }
 
 /* Label widget */
 .widget-label {
-  margin: 8px;
+  margin: 0.3rem;
 }
 
 .widget-label>label {
@@ -294,10 +292,10 @@
 .widget-mpris {}
 
 .widget-mpris-player {
-  padding: 8px;
-  margin: 8px;
+  padding: 0.3rem;
+  margin: 0.3rem;
   background-color: @background;
-  border-radius: 8px;
+  border-radius: 0.3rem;
   border: 2px solid @accent;
   color: @foreground;
 }
@@ -309,4 +307,4 @@
 
 .widget-mpris-subtitle {
   font-size: 1.1rem;
-}
\ No newline at end of file
+}