diff --git a/.config/sway/config b/.config/sway/config
index 2f79a51..f4ade70 100644
--- a/.config/sway/config
+++ b/.config/sway/config
@@ -22,7 +22,10 @@ set $term foot
set $menu rofi -show drun
# start notification deamon
-exec mako
+exec swaync
+
+# add keybinding to toggle swaync notification center
+bindsym $mod+Shift+n exec swaync-client -t -sw
### Output configuration
#
diff --git a/.config/swaync/config.json b/.config/swaync/config.json
new file mode 100644
index 0000000..662da33
--- /dev/null
+++ b/.config/swaync/config.json
@@ -0,0 +1,78 @@
+{
+ "$schema": "/etc/xdg/swaync/configSchema.json",
+ "positionX": "right",
+ "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": 64,
+ "notification-body-image-height": 100,
+ "notification-body-image-width": 200,
+ "timeout": 10,
+ "timeout-low": 5,
+ "timeout-critical": 0,
+ "fit-to-screen": true,
+ "control-center-width": 500,
+ "control-center-height": 600,
+ "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": {
+ "example-script": {
+ "exec": "echo 'Do something...'",
+ "urgency": "Normal"
+ },
+ "example-action-script": {
+ "exec": "echo 'Do something actionable!'",
+ "urgency": "Normal",
+ "run-on": "action"
+ }
+ },
+ "notification-visibility": {
+ "example-name": {
+ "state": "muted",
+ "urgency": "Low",
+ "app-name": "Spotify"
+ }
+ },
+ "widgets": [
+ "inhibitors",
+ "title",
+ "dnd",
+ "notifications"
+ ],
+ "widget-config": {
+ "inhibitors": {
+ "text": "Inhibitors",
+ "button-text": "Clear All",
+ "clear-all-button": true
+ },
+ "title": {
+ "text": "Notifications",
+ "clear-all-button": true,
+ "button-text": "Clear All"
+ },
+ "dnd": {
+ "text": "Do Not Disturb"
+ },
+ "label": {
+ "max-lines": 5,
+ "text": "Label Text"
+ },
+ "mpris": {
+ "image-size": 96,
+ "image-radius": 12
+ }
+ }
+}
diff --git a/.config/swaync/style.css b/.config/swaync/style.css
new file mode 100644
index 0000000..c9e93b3
--- /dev/null
+++ b/.config/swaync/style.css
@@ -0,0 +1,361 @@
+/*
+ * 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-darker rgb(38, 38, 38);
+@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 text-color rgb(255, 255, 255);
+@define-color text-color-disabled rgb(150, 150, 150);
+
+@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: @text-color;
+ text-shadow: none;
+ padding: 0;
+ border-radius: 100%;
+ margin-top: 10px;
+ margin-right: 16px;
+ box-shadow: none;
+ border: none;
+ min-width: 24px;
+ min-height: 24px;
+}
+
+.close-button:hover {
+ box-shadow: none;
+ background: @noti-close-bg-hover;
+ transition: all 0.15s ease-in-out;
+ border: none;
+}
+
+.notification-default-action,
+.notification-action {
+ padding: 4px;
+ margin: 0;
+ box-shadow: none;
+ background: @noti-bg;
+ border: 1px solid @noti-border-color;
+ color: @text-color;
+ transition: all 0.15s ease-in-out;
+}
+
+.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;
+}
+
+.inline-reply {
+ margin-top: 8px;
+}
+.inline-reply-entry {
+ background: @noti-bg-darker;
+ color: @text-color;
+ caret-color: @text-color;
+ border: 1px solid @noti-border-color;
+ border-radius: 12px;
+}
+.inline-reply-button {
+ margin-left: 4px;
+ background: @noti-bg;
+ border: 1px solid @noti-border-color;
+ border-radius: 12px;
+ color: @text-color;
+}
+.inline-reply-button:disabled {
+ background: initial;
+ color: @text-color-disabled;
+ border: 1px solid transparent;
+}
+.inline-reply-button:hover {
+ background: @noti-bg-hover;
+}
+
+.image {
+}
+
+.body-image {
+ margin-top: 6px;
+ background-color: white;
+ border-radius: 12px;
+}
+
+.summary {
+ font-size: 16px;
+ font-weight: bold;
+ background: transparent;
+ color: @text-color;
+ text-shadow: none;
+}
+
+.time {
+ font-size: 16px;
+ font-weight: bold;
+ background: transparent;
+ color: @text-color;
+ text-shadow: none;
+ margin-right: 18px;
+}
+
+.body {
+ font-size: 15px;
+ font-weight: normal;
+ background: transparent;
+ color: @text-color;
+ text-shadow: none;
+}
+
+.control-center {
+ background: @cc-bg;
+}
+
+.control-center-list {
+ background: transparent;
+}
+
+.control-center-list-placeholder {
+ opacity: 0.5;
+}
+
+.floating-notifications {
+ background: transparent;
+}
+
+/* Window behind control center and on all other monitors */
+.blank-window {
+ background: alpha(black, 0.25);
+}
+
+/*** Widgets ***/
+
+/* Title widget */
+.widget-title {
+ margin: 8px;
+ font-size: 1.5rem;
+}
+.widget-title > button {
+ font-size: initial;
+ color: @text-color;
+ text-shadow: none;
+ background: @noti-bg;
+ border: 1px solid @noti-border-color;
+ box-shadow: none;
+ border-radius: 12px;
+}
+.widget-title > button:hover {
+ background: @noti-bg-hover;
+}
+
+/* DND widget */
+.widget-dnd {
+ margin: 8px;
+ font-size: 1.1rem;
+}
+.widget-dnd > switch {
+ font-size: initial;
+ border-radius: 12px;
+ background: @noti-bg;
+ border: 1px solid @noti-border-color;
+ box-shadow: none;
+}
+.widget-dnd > switch:checked {
+ background: @bg-selected;
+}
+.widget-dnd > switch slider {
+ background: @noti-bg-hover;
+ border-radius: 12px;
+}
+
+/* Label widget */
+.widget-label {
+ margin: 8px;
+}
+.widget-label > label {
+ font-size: 1.1rem;
+}
+
+/* Mpris widget */
+.widget-mpris {
+ /* The parent to all players */
+}
+.widget-mpris-player {
+ padding: 8px;
+ margin: 8px;
+}
+.widget-mpris-title {
+ font-weight: bold;
+ font-size: 1.25rem;
+}
+.widget-mpris-subtitle {
+ font-size: 1.1rem;
+}
+
+/* Buttons widget */
+.widget-buttons-grid {
+ padding: 8px;
+ margin: 8px;
+ border-radius: 12px;
+ background-color: @noti-bg;
+}
+
+.widget-buttons-grid>flowbox>flowboxchild>button{
+ background: @noti-bg;
+ border-radius: 12px;
+}
+
+.widget-buttons-grid>flowbox>flowboxchild>button:hover {
+ background: @noti-bg-hover;
+}
+
+/* Menubar widget */
+.widget-menubar>box>.menu-button-bar>button {
+ border: none;
+ background: transparent;
+}
+
+/* .AnyName { Name defined in config after #
+ background-color: @noti-bg;
+ padding: 8px;
+ margin: 8px;
+ border-radius: 12px;
+}
+
+.AnyName>button {
+ background: transparent;
+ border: none;
+}
+
+.AnyName>button:hover {
+ background-color: @noti-bg-hover;
+} */
+
+.topbar-buttons>button { /* Name defined in config after # */
+ border: none;
+ background: transparent;
+}
+
+/* Volume widget */
+
+.widget-volume {
+ background-color: @noti-bg;
+ padding: 8px;
+ margin: 8px;
+ border-radius: 12px;
+}
+
+.widget-volume>box>button {
+ background: transparent;
+ border: none;
+}
+
+.per-app-volume {
+ background-color: @noti-bg-alt;
+ padding: 4px 8px 8px 8px;
+ margin: 0px 8px 8px 8px;
+ border-radius: 12px
+}
+
+/* Backlight widget */
+.widget-backlight {
+ background-color: @noti-bg;
+ padding: 8px;
+ margin: 8px;
+ border-radius: 12px;
+}
+
+/* Title widget */
+.widget-inhibitors {
+ margin: 8px;
+ font-size: 1.5rem;
+}
+.widget-inhibitors > button {
+ font-size: initial;
+ color: @text-color;
+ text-shadow: none;
+ background: @noti-bg;
+ border: 1px solid @noti-border-color;
+ box-shadow: none;
+ border-radius: 12px;
+}
+.widget-inhibitors > button:hover {
+ background: @noti-bg-hover;
+}
diff --git a/.config/waybar/config b/.config/waybar/config
index 3100a7b..4b28622 100644
--- a/.config/waybar/config
+++ b/.config/waybar/config
@@ -2,7 +2,7 @@
"layer": "top",
"modules-left": ["sway/workspaces","sway/scratchpad","sway/window"],
"modules-center": ["clock"],
- "modules-right": ["backlight","pulseaudio","network","idle_inhibitor","battery"],
+ "modules-right": ["custom/notification", "backlight","pulseaudio","network","idle_inhibitor","battery"],
"spacing": 0,
"clock":
@@ -128,8 +128,28 @@
"on-scroll-up": "brightnessctl set 1+",
"on-scroll-down": "brightnessctl set 1-",
"scroll-step": 0.5
- }
+ },
+ "custom/notification": {
+ "tooltip": false,
+ "format": "{icon}",
+ "format-icons": {
+ "notifications": "",
+ "none": "",
+ "dnd-notification": "",
+ "dnd-none": "",
+ "inhibited-notification": "",
+ "inihibited-none": "",
+ "dnd-inhibited-notification": "",
+ "dnd-inhibited-none": ""
+ },
+ "return-type": "json",
+ "exec-if": "which swaync-client",
+ "exec": "swaync-client -swb",
+ "on-click": "swaync-client -t -sw",
+ "on-click-right": "swaync-client -d -sw",
+ "escape": true
+ }
}
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 59e24d2..c23cb2f 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -72,6 +72,12 @@ tooltip label
padding: 0 10px;
}
+#custom-notification
+{
+ padding: 0 10px;
+ border-right: 1px solid @primary_fg_color;
+}
+
#mode, #clock, #battery
{
padding: 0px 10px;