sway: use swaync instead of dunst

config/.config/dunst/dunstrc

@@ -1,69 +0,0 @@
-[global]
-monitor = 0
-follow = mouse
-
-### Geometry
-width = 350
-height = 150
-origin = top-right
-offset = 30x30
-
-
-indicate_hidden = yes
-shrink = no
-separator_height = 0
-padding = 16
-horizontal_padding = 16
-frame_width = 2
-sort = no
-idle_threshold = 120
-font = Fira Code 8
-line_height = 2
-markup = full
-format = <b>%s</b>\n%b
-alignment = left
-show_age_threshold = 60
-word_wrap = yes
-ignore_newline = no
-stack_duplicates = false
-hide_duplicate_count = yes
-show_indicators = no
-icon_position = right
-text_icon_padding = 20
-max_icon_size = 64
-sticky_history = yes
-history_length = 20
-browser = /usr/bin/xdg-open
-always_run_script = true
-title = Dunst
-class = Dunst
-corner_radius = 8
-
-mouse_left_click = do_action
-mouse_right_click = close_current
-
-[urgency_low]
-timeout = 4
-background = "#191e2a"
-foreground = "#cbccc6"
-frame_color = "#8bc34a"
-
-[urgency_normal]
-timeout = 8
-background = "#191e2a"
-foreground = "#cbccc6"
-frame_color = "#ffa759"
-
-[urgency_critical]
-timeout = 0
-background = "#191e2a"
-foreground = "#cbccc6"
-frame_color = "#ff3333"
-
-[volume]
-appname = "notify-on-volume"
-history_ignore=yes
-
-[microphone]
-appname = "microphone-is-muted"
-history_ignore=yes

config/.config/sway/config

@@ -126,9 +126,10 @@ for_window [class="feh"] {
 #  / ___ \ |_| | | || |_| |___) || |/ ___ \|  _ < | |  
 # /_/   \_\___/  |_| \___/|____/ |_/_/   \_\_| \_\|_|  
 #
+exec --no-startup-id swaync
+exec_always --no-startup-id swaync-client -R
 exec_always --no-startup-id xrdb -load $HOME/.Xresources
 exec_always --no-startup-id $HOME/.config/waybar/launch.sh
-exec_always --no-startup-id dunst
 exec_always --no-startup-id $HOME/dotfiles/bin/set-wallpaper --restore
 exec_always --no-startup-id $HOME/dotfiles/bin/swayidle.sh
 exec_always --no-startup-id libinput-gestures-setup restart
@@ -163,6 +164,9 @@ bindsym --to-code {
   # terminal
   $mod+Return exec $term
 
+  # swaync
+  $mod+Shift+n exec swaync-client -t -sw
+
   # Kill focused window
   $mod+Shift+q kill
 

config/.config/swaync/config.json

@@ -0,0 +1,32 @@
+{
+  "$schema": "/etc/xdg/swaync/configSchema.json",
+  "positionX": "right",
+  "positionY": "top",
+  "control-center-margin-top": 0,
+  "control-center-margin-bottom": 0,
+  "control-center-margin-right": 0,
+  "control-center-margin-left": 0,
+  "timeout": 10,
+  "timeout-low": 5,
+  "timeout-critical": 0,
+  "fit-to-screen": true,
+  "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,
+  "scripts": {},
+  "notification-visibility": {
+    "volume": {
+      "state": "ignored",
+      "app-name": "notify-on-volume"
+    },
+    "mic-state": {
+      "state": "ignored",
+      "app-name": "microphone-is-muted"
+    }
+  }
+}

config/.config/swaync/style.css

@@ -0,0 +1,187 @@
+/*
+ * vim: ft=less
+ */
+
+@define-color cc-bg rgba(0, 0, 0, 0.7);
+
+@define-color noti-border-color rgba(255, 255, 255, 0.15);
+@define-color noti-bg rgb(48, 48, 48);
+@define-color noti-bg-hover rgb(56, 56, 56);
+@define-color noti-bg-focus rgba(68, 68, 68, 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 bg-selected rgb(0, 128, 255);
+
+.notification-row {
+  outline: none;
+}
+
+.notification-row:focus,
+.notification-row:hover {
+  background: @noti-bg-focus;
+}
+
+.notification {
+  border-radius: 12px;
+  margin: 6px 12px;
+  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);
+  padding: 0;
+}
+
+/* Uncomment to enable specific urgency colors
+.low {
+  background: yellow;
+  padding: 6px;
+  border-radius: 12px;
+}
+
+.normal {
+  background: green;
+  padding: 6px;
+  border-radius: 12px;
+}
+
+.critical {
+  background: red;
+  padding: 6px;
+  border-radius: 12px;
+}
+*/
+
+.notification-content {
+  background: transparent;
+  padding: 6px;
+  border-radius: 12px;
+}
+
+.close-button {
+  background: @noti-close-bg;
+  color: white;
+  text-shadow: none;
+  padding: 0 4px;
+  border-radius: 100%;
+  margin-top: 10px;
+  margin-right: 16px;
+  box-shadow: none;
+}
+
+.close-button:hover {
+  box-shadow: none;
+  background: @noti-close-bg-hover;
+  transition: all 0.15s ease-in-out;
+}
+
+.notification-default-action,
+.notification-action {
+  padding: 4px;
+  margin: 0;
+  box-shadow: none;
+  background: @noti-bg;
+  border: 1px solid @noti-border-color;
+  color: white;
+}
+
+.notification-default-action:hover,
+.notification-action:hover {
+  -gtk-icon-effect: none;
+  background: @noti-bg-hover;
+}
+
+.notification-default-action {
+  border-radius: 12px;
+}
+
+/* When alternative actions are visible */
+.notification-default-action:not(:only-child) {
+  border-bottom-left-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+
+.notification-action {
+  border-radius: 0px;
+  border-top: none;
+  border-right: none;
+}
+
+/* add bottom border radius to eliminate clipping */
+.notification-action:first-child {
+  border-bottom-left-radius: 10px;
+}
+
+.notification-action:last-child {
+  border-bottom-right-radius: 10px;
+  border-right: 1px solid @noti-border-color;
+}
+
+.image {}
+
+.body-image {
+  margin-top: 6px;
+  background-color: white;
+  border-radius: 12px;
+}
+
+.summary {
+  color: white;
+  text-shadow: none;
+}
+
+.time {
+  color: white;
+  text-shadow: none;
+  margin-right: 18px;
+}
+
+.body {
+  background: transparent;
+  color: white;
+  text-shadow: none;
+}
+
+.top-action-title {
+  color: white;
+  text-shadow: none;
+}
+
+.control-center-clear-all {
+  color: white;
+  text-shadow: none;
+  background: @noti-bg;
+  border: 1px solid @noti-border-color;
+  box-shadow: none;
+  border-radius: 12px;
+}
+
+.control-center-clear-all:hover {
+  background: @noti-bg-hover;
+}
+
+.control-center-dnd {
+  border-radius: 12px;
+  background: @noti-bg;
+  border: 1px solid @noti-border-color;
+  box-shadow: none;
+}
+
+.control-center-dnd:checked {
+  background: @bg-selected;
+}
+
+.control-center-dnd slider {
+  background: @noti-bg-hover;
+}
+
+.control-center {
+  background: @cc-bg;
+}
+
+.control-center-list {
+  background: transparent;
+}
+
+.floating-notifications {
+  background: transparent;
+}