added swaync config from Xol

dotfiles/.config/swaync/config.json

@@ -0,0 +1,80 @@
+{
+  "$schema": "/etc/xdg/swaync/configSchema.json",
+  "positionX": "right",
+  "positionY": "top",
+  "layer": "overlay",
+  "control-center-layer": "top",
+  "layer-shell": true,
+  "cssPriority": "user",
+  "control-center-margin-top": 5,
+  "control-center-margin-bottom": 0,
+  "control-center-margin-right": 8,
+  "control-center-margin-left": 0,
+  "notification-2fa-action": true,
+  "notification-inline-replies": false,
+  "notification-icon-size": 34,
+  "notification-body-image-height": 300,
+  "notification-body-image-width": 300,
+  "notification-window-width": 350,
+  "timeout": 6,
+  "timeout-low": 3,
+  "timeout-critical": 3,
+  "fit-to-screen": false,
+  "control-center-width": 330,
+  "control-center-height": 900,
+  "keyboard-shortcuts": true,
+  "image-visibility": "when-available",
+  "transition-time": 200,
+  "hide-on-clear": false,
+  "hide-on-action": true,
+  "script-fail-notify": true,
+  "widgets": ["dnd", "buttons-grid", "mpris", "title", "notifications"],
+  "widget-config": {
+    "title": {
+      "text": " Notifications",
+      "clear-all-button": true,
+      "button-text": " Clear"
+    },
+    "dnd": {
+      "text": "Do Not Disturb"
+    },
+    "label": {
+      "max-lines": 1,
+      "text": "Notification"
+    },
+    "mpris": {
+      "image-size": 60,
+      "image-radius": 0
+    },
+    "volume": {
+      "label": "󰕾"
+    },
+    "backlight": {
+      "label": "󰃟"
+    },
+    "buttons-grid": {
+      "actions": [
+        {
+          "label": "󰐥",
+          "command": "bash -c $HOME/.config/hypr/scripts/Wlogout.sh"
+        },
+        {
+          "label": "󰌾",
+          "command": "bash -c $HOME/.config/hypr/scripts/LockScreen.sh"
+        },
+        {
+          "label": "󰍃",
+          "command": "hyprctl dispatch exit"
+        },
+        {
+          "label": "󰀝",
+          "command": "bash -c $HOME/.config/hypr/scripts/AirplaneMode.sh"
+        },
+        {
+          "label": "󰝟",
+          "command": "pactl set-sink-mute @DEFAULT_SINK@ toggle"
+        }
+      ]
+    }
+  }
+}

dotfiles/.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>

dotfiles/.config/swaync/style.css

@@ -0,0 +1,315 @@
+/* SwayNC config  */
+@define-color noti-border-color @color12;
+@define-color noti-bg #0e0e16;
+@define-color noti-bg-alt #0e0e16;
+@define-color noti-bg-hover #0e0e16;
+@define-color text-color @foreground;
+
+* {
+  font-family: "JetBrains Mono Nerd Font";
+  font-weight: bold;
+  font-size: 1rem;
+}
+
+.control-center .notification-row:focus,
+.control-center .notification-row:hover {
+  opacity: 1;
+  background: #0e0e16;
+  border-radius: 10px;
+}
+
+.notification-row {
+  outline: none;
+}
+
+.notification {
+  /*color: #cdd6f4;*/
+  background: #0e0e16;
+  padding: 7px 7px 7px 0px;
+  border-radius: 10px;
+  border: 1px solid #0e0e16;
+}
+
+.notification-group {
+  background-color: transparent;
+  border-radius: 10px;
+  /* border: 1px solid #cdd6f499; */
+}
+.image {
+  margin-right: 12px;
+  margin-left: 15px;
+  border-radius: 12px;
+  padding: 0;
+}
+
+.close-button {
+  background: #f7768e;
+  color: #0e0e16;
+  text-shadow: none;
+  padding: 0;
+  border-radius: 10px;
+  margin-top: 5px;
+  margin-right: 5px;
+}
+
+.close-button:hover {
+  box-shadow: none;
+  background: #f7768e;
+  transition: all 0.15s ease-in-out;
+  border: none;
+}
+
+.notification-action {
+  border-top: none;
+  border-radius: 10px;
+  background: #0e0e16;
+  color: #89dceb;
+  padding: 0px; /* Reduce container padding */
+  min-height: 0px; /* Remove GTK min height */
+  min-width: 0px; /* Remove GTK min width */
+}
+
+.notification-action label {
+  padding: 0px;
+  margin: 0;
+  font-size: 0.8rem;
+  font-family: monospace;
+  color: #89dceb;
+}
+
+.notification-default-action {
+  margin: 0;
+  padding: 0;
+  font-size: 0.1rem;
+  border-radius: 10px;
+  background: #0e0e16;
+}
+.notification-default-action:hover,
+.notification-action:hover {
+  color: #cdd6f4;
+  background: #0e0e16;
+}
+
+.notification-default-action:not(:only-child) {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.notification-action:first-child {
+  border-bottom-left-radius: 10px;
+  background: #0e0e16;
+}
+
+.notification-action:last-child {
+  border-bottom-right-radius: 10px;
+  background: #0e0e16;
+}
+
+.inline-reply {
+  margin-top: 8px;
+}
+
+.inline-reply-entry {
+  background: #0e0e16;
+  color: #cdd6f4;
+  caret-color: #cdd6f4;
+  border: 1px solid #0e0e16;
+  border-radius: 10px;
+}
+
+.inline-reply-button {
+  font-size: 0.5rem;
+  margin-left: 4px;
+  background: #0e0e16;
+  border: 1px solid #0e0e16;
+  border-radius: 10px;
+  color: #cdd6f4;
+}
+
+.inline-reply-button:disabled {
+  background: initial;
+  color: #cdd6f4;
+  border: 1px solid transparent;
+}
+
+.inline-reply-button:hover {
+  background: #0e0e16;
+}
+
+.body-image {
+  margin-top: 6px;
+  color: #cdd6f4;
+  border-radius: 10px;
+}
+
+.summary {
+  font-size: 0.9rem;
+  /* font-weight: bold; */
+  background: transparent;
+  color: #cdd6f4;
+  text-shadow: none;
+}
+
+.time {
+  font-size: 0.8rem;
+  /* font-weight: bold; */
+  background: transparent;
+  color: #cdd6f4;
+  text-shadow: none;
+  margin-right: 18px;
+}
+
+.body {
+  font-size: 0.8rem;
+  /* font-weight: bold; */
+  background: transparent;
+  color: #cdd6f4;
+  text-shadow: none;
+}
+
+.control-center {
+  background: #0e0e16;
+  border: 1px solid #0e0e16;
+  color: #cdd6f4;
+  border-radius: 10px;
+}
+
+.control-center-list {
+  background: transparent;
+}
+
+.control-center-list-placeholder {
+  opacity: 0.5;
+}
+
+.floating-notifications {
+  background: transparent;
+}
+
+.blank-window {
+  background: alpha(black, 0.1);
+}
+
+.widget-title {
+  color: #cdd6f4;
+  background: #0e0e16;
+  padding: 3px 6px;
+  margin: 5px;
+  font-size: 1rem;
+  border-radius: 10px;
+}
+
+.widget-title > button {
+  font-size: 0.75rem;
+  color: #cdd6f4;
+  border-radius: 10px;
+  background: transparent;
+  border: 0.5px solid #0e0e16;
+}
+
+/* clear button */
+.widget-title > button:hover {
+  background: #cdd6f4;
+  color: #d20f39;
+}
+
+.widget-dnd {
+  background: #0e0e16;
+  padding: 3px 6px;
+  margin: 5px;
+  border-radius: 12px;
+  font-size: 0.5rem;
+  color: #0e0e16;
+}
+
+.widget-dnd > switch {
+  border-radius: 12px;
+  /* border: 1px solid #00ffff; */
+  background: #cdd6f4;
+}
+
+.widget-dnd > switch:checked {
+  background: #f7768e;
+}
+
+.widget-dnd > switch slider {
+  background: #0e0e16;
+  border-radius: 12px;
+}
+
+.widget-dnd > switch:checked slider {
+  background: #0e0e16;
+  border-radius: 12px;
+}
+
+.widget-label {
+  margin: 5px;
+}
+
+.widget-label > label {
+  font-size: 1rem;
+  color: #cdd6f4;
+}
+
+.widget-mpris {
+  color: #cdd6f4;
+  background: #0e0e16;
+  padding: 3px 6px;
+  margin: 5px;
+  border-radius: 10px;
+}
+
+.widget-mpris > box > button {
+  border-radius: 10px;
+}
+
+.widget-mpris-player {
+  margin: 5px;
+}
+
+.widget-mpris-title {
+  font-weight: 400;
+  font-size: 1rem;
+}
+
+.widget-mpris-subtitle {
+  font-size: 0.75rem;
+}
+
+.widget-buttons-grid {
+  font-size: large;
+  color: #0e0e16;
+  padding: 2px;
+  margin: 5px;
+  border-radius: 10px;
+  background: #0e0e16;
+}
+
+.widget-buttons-grid > flowbox > flowboxchild > button {
+  margin: 1px;
+  background: #0e0e16;
+  border-radius: 10px;
+  color: #cdd6f4;
+}
+
+/* individual buttons */
+.widget-buttons-grid > flowbox > flowboxchild > button:hover {
+  background: #cdd6f4;
+  color: #0e0e16;
+}
+
+.widget-menubar > box > .menu-button-bar > button {
+  border: none;
+  background: transparent;
+}
+
+.topbar-buttons > button {
+  border: none;
+  background: transparent;
+}
+
+.notification.low progress,
+.notification.normal progress {
+  background-color: #00ffff;
+  border-radius: 12.6px;
+}