updated swaync configuration

swaync/config.json

@@ -5,7 +5,7 @@
   "layer": "overlay",
   "control-center-layer": "top",
   "layer-shell": true,
-  "cssPriority": "application",
+  "cssPriority": "user",
 
   "control-center-width": 350,
   "control-center-height": 700,
@@ -17,16 +17,15 @@
   "notification-2fa-action": true,
   "notification-inline-replies": true,
   "notification-window-width": 350,
-  "notification-icon-size": 50,
   "notification-body-image-height": 140,
-  "notification-body-image-width": 180,
+  "notification-body-image-width": 200,
 
   "timeout": 6,
   "timeout-low": 3,
   "timeout-critical": 0,
   "fit-to-screen": false,
   "keyboard-shortcuts": true,
-  "image-visibility": "when available",
+  "image-visibility": "when-available",
   "transition-time": 200,
   "hide-on-clear": false,
   "hide-on-action": true,
@@ -45,10 +44,7 @@
       "max-lines": 2,
       "text": "Notification"
     },
-    "mpris": {
-      "image-size": 60,
-      "image-radius": 10
-    },
+    "mpris": {},
     "volume": {
       "label": "󰕾"
     },

swaync/style.css

@@ -1,3 +1,8 @@
+:root {
+    --notification-icon-size: 50px;
+    --mpris-album-art-icon-size: 60px;
+}
+
 @define-color cc-bg rgba(20, 20, 20, 0.7);
 @define-color noti-border-color rgba(255, 255, 255, 0.15);
 @define-color noti-bg rgba(50, 50, 50, 0.8);
@@ -30,17 +35,13 @@
 @define-color color11 #B85154;
 @define-color color12 white;
 @define-color color13 rgb(100, 100, 100);
-@define-color color14 #94439B;
+@define-color color14 rgb(180, 180, 180);
 @define-color color15 white;
 
-.testing {
-    background-color: red;
-}
-
 .control-center {
     background: black;
     border-radius: 24px;
-    border: 0px solid @foreground;
+    border: 1px solid @foreground;
     margin: 2px;
     padding: 4px;
 }
@@ -53,14 +54,6 @@
     opacity: 0.8;
 }
 
-/* Window behind control center and on all other monitors */
-.blank-window {
-    background: transparent;
-}
-
-/*** Widgets ***/
-
-/* Title widget */
 .widget-title {
     margin: 8px;
     font-size: 1.5rem;
@@ -76,7 +69,7 @@
     border-radius: 12px;
 }
 .widget-title > button:hover {
-    background: @color1;
+    background: gray;
 }
 
 .widget-label {
@@ -116,27 +109,6 @@
 /* Mpris widget */
 .widget-mpris {
     font-family: "JetBrains Mono Nerd Font";
-    /* The parent to all players */
-    border: 0px;
-}
-.widget-mpris-player {
-    padding: 14px;
-    margin: 14px;
-    background-color: @mpris-album-art-overlay;
-    border-radius: 20px;
-}
-.widget-mpris-album-art {
-    border-radius: 12px;
-}
-.widget-mpris-player button:hover {
-    /* The media player buttons (play, pause, next, etc...) */
-    background: @noti-bg-hover;
-}
-.widget-mpris > box > button {
-    /* Change player side buttons */
-}
-.widget-mpris > box > button:disabled {
-    /* Change player side buttons insensitive */
 }
 .widget-mpris-title {
     font-family: "JetBrains Mono Nerd Font";