updated for swaync

24 files changed, 79 insertions, 75 deletions

diff --git a/config/swaync/config.json b/config/swaync/config.json
index 591757b7..7d187fa0 100644
--- a/config/swaync/config.json
+++ b/config/swaync/config.json
@@ -1,38 +1,45 @@
 {
-    "$schema": "/etc/xdg/swaync/configSchema.json",
-    "positionX": "right",
-    "positionY": "top",
-    "control-center-margin-top": 10,
-    "control-center-margin-bottom": 10,
-    "control-center-margin-right": 10,
-    "control-center-margin-left": 10,
+  	"$schema": "/etc/xdg/swaync/configSchema.json",
+  	"positionX": "center",
+  	"positionY": "top",
+  	"layer": "overlay",
+  	"control-center-layer": "top",
+  	"layer-shell": true,
+ 	"cssPriority": "application",
+    "control-center-margin-top": 0,
+    "control-center-margin-bottom": 0,
+    "control-center-margin-right": 0,
+    "control-center-margin-left": 0,
+  	"notification-2fa-action": true,
+  	"notification-inline-replies": false,
     "notification-icon-size": 24,
-    "notification-body-image-height": 60,
-    "notification-body-image-width": 300,
+    "notification-body-image-height": 100,
+    "notification-body-image-width": 200,
     "timeout": 6,
     "timeout-low": 3,
     "timeout-critical": 0,
     "fit-to-screen": false,
-    "control-center-width": 400,
+    "control-center-width": 350,
     "control-center-height": 800,
-    "notification-window-width": 300,
+    "notification-window-width": 400,
     "keyboard-shortcuts": true,
-    "image-visibility": "when-available",
+    "image-visibility": "when available",
     "transition-time": 200,
     "hide-on-clear": false,
     "hide-on-action": true,
     "script-fail-notify": true,
     "widgets": [
-        "title",
+       	"dnd",
         "buttons-grid",
-        "dnd",
-    		"volume",
-   	 		"backlight",
+		/*	"mpris", */
+    	/*	"volume", */
+   	 	/*	"backlight",*/
+        "title",
         "notifications"
     ],
     "widget-config": {
         "title": {
-            "text": "Control Center",
+            "text": "Notifications",
             "clear-all-button": true,
             "button-text": "Clear"
         },
@@ -41,11 +48,11 @@
         },
         "label": {
             "max-lines": 1,
-            "text": "Control Center"
+            "text": "Notification"
         },
         "mpris": {
-            "image-size": 60,
-            "image-radius": 7
+            "image-size": 20,
+            "image-radius": 0
         },
         "volume": {
             "label": "󰕾"
diff --git a/config/swaync/icons/backup.png b/config/swaync/icons/backup.png
new file mode 100644
index 00000000..a60a495e
--- /dev/null
+++ b/config/swaync/icons/backup.png
diff --git a/config/swaync/icons/battery-quarter-solid.svg b/config/swaync/icons/battery-quarter-solid.svg
new file mode 100644
index 00000000..450ef3dc
--- /dev/null
+++ b/config/swaync/icons/battery-quarter-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M0 176c0-44.2 35.8-80 80-80H464c44.2 0 80 35.8 80 80v16c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32v16c0 44.2-35.8 80-80 80H80c-44.2 0-80-35.8-80-80V176zm80-16c-8.8 0-16 7.2-16 16V336c0 8.8 7.2 16 16 16H464c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H80zm112 32V320H96V192h96z"/></svg>
\ No newline at end of file
diff --git a/config/swaync/icons/battery-status.png b/config/swaync/icons/battery-status.png
new file mode 100644
index 00000000..07bf8154
--- /dev/null
+++ b/config/swaync/icons/battery-status.png
diff --git a/config/swaync/icons/brightness-100.png b/config/swaync/icons/brightness-100.png
new file mode 100644
index 00000000..1e28ac37
--- /dev/null
+++ b/config/swaync/icons/brightness-100.png
diff --git a/config/swaync/icons/brightness-20.png b/config/swaync/icons/brightness-20.png
new file mode 100644
index 00000000..aee9c523
--- /dev/null
+++ b/config/swaync/icons/brightness-20.png
diff --git a/config/swaync/icons/brightness-40.png b/config/swaync/icons/brightness-40.png
new file mode 100644
index 00000000..bbedd1c7
--- /dev/null
+++ b/config/swaync/icons/brightness-40.png
diff --git a/config/swaync/icons/brightness-60.png b/config/swaync/icons/brightness-60.png
new file mode 100644
index 00000000..4cd838bd
--- /dev/null
+++ b/config/swaync/icons/brightness-60.png
diff --git a/config/swaync/icons/brightness-80.png b/config/swaync/icons/brightness-80.png
new file mode 100644
index 00000000..6684bdb8
--- /dev/null
+++ b/config/swaync/icons/brightness-80.png
diff --git a/config/swaync/icons/dropper.png b/config/swaync/icons/dropper.png
new file mode 100644
index 00000000..2e222a35
--- /dev/null
+++ b/config/swaync/icons/dropper.png
diff --git a/config/swaync/icons/microphone-mute.png b/config/swaync/icons/microphone-mute.png
new file mode 100644
index 00000000..1780e330
--- /dev/null
+++ b/config/swaync/icons/microphone-mute.png
diff --git a/config/swaync/icons/microphone.png b/config/swaync/icons/microphone.png
new file mode 100644
index 00000000..d1b6d767
--- /dev/null
+++ b/config/swaync/icons/microphone.png
diff --git a/config/swaync/icons/music.png b/config/swaync/icons/music.png
new file mode 100644
index 00000000..92bf4c65
--- /dev/null
+++ b/config/swaync/icons/music.png
diff --git a/config/swaync/icons/palette.png b/config/swaync/icons/palette.png
new file mode 100644
index 00000000..3ba73d05
--- /dev/null
+++ b/config/swaync/icons/palette.png
diff --git a/config/swaync/icons/picture.png b/config/swaync/icons/picture.png
new file mode 100644
index 00000000..4669bc30
--- /dev/null
+++ b/config/swaync/icons/picture.png
diff --git a/config/swaync/icons/timer.png b/config/swaync/icons/timer.png
new file mode 100644
index 00000000..420d1f15
--- /dev/null
+++ b/config/swaync/icons/timer.png
diff --git a/config/swaync/icons/uptime.png b/config/swaync/icons/uptime.png
new file mode 100644
index 00000000..9dd08de6
--- /dev/null
+++ b/config/swaync/icons/uptime.png
diff --git a/config/swaync/icons/volume-high.png b/config/swaync/icons/volume-high.png
new file mode 100644
index 00000000..200f17b2
--- /dev/null
+++ b/config/swaync/icons/volume-high.png
diff --git a/config/swaync/icons/volume-low.png b/config/swaync/icons/volume-low.png
new file mode 100644
index 00000000..17cfff78
--- /dev/null
+++ b/config/swaync/icons/volume-low.png
diff --git a/config/swaync/icons/volume-mid.png b/config/swaync/icons/volume-mid.png
new file mode 100644
index 00000000..1a3ad3a3
--- /dev/null
+++ b/config/swaync/icons/volume-mid.png
diff --git a/config/swaync/icons/volume-mute.png b/config/swaync/icons/volume-mute.png
new file mode 100644
index 00000000..0b9b0c3c
--- /dev/null
+++ b/config/swaync/icons/volume-mute.png
diff --git a/config/swaync/icons/vpn.png b/config/swaync/icons/vpn.png
new file mode 100644
index 00000000..e31acaaa
--- /dev/null
+++ b/config/swaync/icons/vpn.png
diff --git a/config/swaync/images/bell.png b/config/swaync/images/bell.png
new file mode 100644
index 00000000..d9fea964
--- /dev/null
+++ b/config/swaync/images/bell.png
diff --git a/config/swaync/style.css b/config/swaync/style.css
index e65c2dbe..59aea3c6 100644
--- a/config/swaync/style.css
+++ b/config/swaync/style.css
@@ -1,26 +1,22 @@
 @import '../../.cache/wal/colors-waybar.css';
 
-@define-color cc-bg rgba(26, 27, 38, 1);
 @define-color noti-border-color @color2;
 @define-color noti-bg @background;
-@define-color noti-bg-darker rgb(43, 43, 57);
+@define-color noti-bg-darker rgba(43, 43, 57, 0.6);
 @define-color noti-bg-hover @color2;
-@define-color noti-bg-focus rgba(27, 27, 27, 0.6);
-@define-color noti-close-bg rgba(255, 255, 255, 0.1);
-@define-color noti-close-bg-hover rgba(255, 255, 255, 0.15);
-@define-color text-color @foreground;
-@define-color text-color-disabled rgb(150, 150, 150);
-@define-color bg-selected rgb(0, 128, 255);
+@define-color text-color @color7;
+@define-color text-color-disabled rgba(150, 150, 150, 0.8);
 
 * {
-    font-family: JetBrainsMono NFP;
-    font-weight: bold;
+    font-family: FiraCode;
+    font-weight: Bolder;
 }
 
 .control-center .notification-row:focus,
 .control-center .notification-row:hover {
-    opacity: 1;
-    background: @noti-bg
+    opacity: 0.5;
+    background: @noti-bg;
+    border-radius: 10px
 }
 
 .notification-row {
@@ -36,25 +32,25 @@
 }
 
 .notification-content {
-    background: @cc-bg;
-    padding: 2px;
-    border-radius: 5px;
+    background: @noti-bg;
+    padding: 6px;
+    border-radius: 10px;
     border: 2px solid @noti-border-color;
-    margin: 0;
+    margin: 0px;
 }
 
 .notification-default-action {
     margin: 0;
     padding: 0;
-    border-radius: 5px;
+    border-radius: 10px;
 }
 
 .close-button {
     background: #f7768e;
-    color: @cc-bg;
+    color: @noti-bg;
     text-shadow: none;
     padding: 0;
-    border-radius: 5px;
+    border-radius: 10px;
     margin-top: 5px;
     margin-right: 5px;
 }
@@ -70,18 +66,18 @@
 .notification-action {
     border: 2px solid @noti-border-color;
     border-top: none;
-    border-radius: 8px;
+    border-radius: 10px;
 }
 
 
 .notification-default-action:hover,
 .notification-action:hover {
-    color: @foreground;
+    color: @text-color;
     background: #7aa2f7
 }
 
 .notification-default-action {
-    border-radius: 5px;
+    border-radius: 10px;
     margin: 0px;
 }
 
@@ -109,7 +105,7 @@
     color: @text-color;
     caret-color: @text-color;
     border: 1px solid @noti-border-color;
-    border-radius: 8px
+    border-radius: 10px
 }
 
 .inline-reply-button {
@@ -117,7 +113,7 @@
     margin-left: 4px;
     background: @noti-bg;
     border: 1px solid @noti-border-color;
-    border-radius: 5px;
+    border-radius: 10px;
     color: @text-color
 }
 
@@ -134,14 +130,14 @@
 .body-image {
     margin-top: 6px;
     background-color: #fff;
-    border-radius: 5px
+    border-radius: 10px
 }
 
 .summary {
     font-size: 1rem;
     font-weight: 700;
     background: transparent;
-    color: rgba(158, 206, 106, 1);
+    color: rgba(158, 206, 106, 0.9);
     text-shadow: none
 }
 
@@ -163,7 +159,7 @@
 }
 
 .control-center {
-    background: @cc-bg;
+    background: @noti-bg;
     border: 2px solid @noti-border-color;
     border-radius: 10px;
 }
@@ -185,20 +181,20 @@
 }
 
 .widget-title {
-    color: #7aa2f7;
+    color: @noti-border-color;
     background: @noti-bg-darker;
-    padding: 0px 5px 0px 10px;
+    padding: 3px 6px;
     margin: 10px 10px 5px 10px;
     font-size: 1rem;
-    border-radius: 5px;
+    border-radius: 10px;
 }
 
 .widget-title>button {
     font-size: 0.75rem;
     color: @text-color;
     border-radius: 10px;
-		background: transparent;
-		border: 0.5px solid @noti-border-color;
+	background: transparent;
+	border: 0.5px solid @noti-border-color;
 }
 
 .widget-title>button:hover {
@@ -208,17 +204,17 @@
 
 .widget-dnd {
     background: @noti-bg-darker;
-    padding: 3px 6px;
+    padding: 3px 5px 3px 5px;
     margin: 5px 10px 10px 10px;
-    border-radius: 5px;
+    border-radius: 10px;
     font-size: 1rem;
-    color: #7aa2f7;
+    color: @noti-border-color;
 }
 
 .widget-dnd>switch {
-    border-radius: 5px;
+    border-radius: 10px;
     /* border: 1px solid #7aa2f7; */
-    background: #7aa2f7;
+    background: @noti-border-color;
 }
 
 .widget-dnd>switch:checked {
@@ -227,17 +223,17 @@
 }
 
 .widget-dnd>switch slider {
-    background: @cc-bg;
-    border-radius: 5px
+    background: @noti-bg;
+    border-radius: 10px
 }
 
 .widget-dnd>switch:checked slider {
-    background: @cc-bg;
-    border-radius: 5px
+    background: @noti-bg;
+    border-radius: 10px
 }
 
 .widget-label {
-    margin: 10px 10px 5px 10px;
+    margin: 0px;
 }
 
 .widget-label>label {
@@ -248,13 +244,13 @@
 .widget-mpris {
     color: @text-color;
     background: @noti-bg-darker;
-    padding: 5px 10px;
+    padding: 2px 6px;
     margin: 5px 10px 5px 10px;
-    border-radius: 5px;
+    border-radius: 10px;
 }
 
 .widget-mpris > box > button {
-    border-radius: 5px;
+    border-radius: 10px;
 }
 
 .widget-mpris-player {
@@ -273,16 +269,16 @@
 
 .widget-buttons-grid {
     font-size: x-large;
-    padding: 4px;
-    margin: 5px 10px 10px 10px;
-    border-radius: 5px;
+    padding: 2px;
+    margin: 0px;
+    border-radius: 10px;
     background: @noti-bg-darker;
 }
 
 .widget-buttons-grid>flowbox>flowboxchild>button {
-    margin: 3px;
-    background: @cc-bg;
-    border-radius: 5px;
+    margin: 1px;
+    background: @noti-bg;
+    border-radius: 10px;
     color: @text-color
 }
 
@@ -303,9 +299,9 @@
 
 .widget-volume {
     background: @noti-bg-darker;
-    padding: 5px;
+    padding: 2px;
     margin: 10px 10px 5px 10px;
-    border-radius: 5px;
+    border-radius: 10px;
     font-size: x-large;
     color: @text-color;
 }
@@ -319,14 +315,14 @@
     background-color: @noti-bg;
     padding: 4px 8px 8px;
     margin: 0 8px 8px;
-    border-radius: 5px;
+    border-radius: 10px;
 }
 
 .widget-backlight {
     background: @noti-bg-darker;
     padding: 5px;
     margin: 10px 10px 5px 10px;
-    border-radius: 5px;
+    border-radius: 10px;
     font-size: x-large;
     color: @text-color
 }