diff --git a/dotfiles/.config/waybar/config b/dotfiles/.config/waybar/config index fb402b9..cf25ace 100644 --- a/dotfiles/.config/waybar/config +++ b/dotfiles/.config/waybar/config @@ -1,5 +1,5 @@ { - "modules-left": ["battery", "clock#date", "clock","custom/updater", "custom/launcher"], + "modules-left": ["custom/notification", "battery", "clock#date", "clock","custom/updater", "custom/launcher"], "modules-center": ["hyprland/workspaces"], "modules-right": ["network", "bluetooth", "pulseaudio", "custom/power"], @@ -130,8 +130,8 @@ "default": "" }, "persistent-workspaces": { - "1": [], - "2": [], + "1": [], + "2": [], "3": [] }, "sort-by-number": true @@ -140,9 +140,29 @@ "format": "󰏖 {}", "exec": "checkupdates | wc -l", "exec-if": "[[ $(checkupdates | wc -l) ]]", - "interval": 5, + "interval": 5, "on-click": "$HOME/.config/waybar/scripts/update-distro.sh", "tooltip": true, "tooltip-format": "Left Click: Update System\nArch (w/ notification)\nFedora, OpenSuse, Debian/Ubuntu click to update" - } + }, + "custom/notification": { + "tooltip": true, + "format": "{0} {icon} ", + "format-icons": { + "notification": "󱅫", + "none": "󰂜", + "dnd-notification": "󰂠", + "dnd-none": "󰪓", + "inhibited-notification": "󰂛", + "inhibited-none": "󰪑", + "dnd-inhibited-notification": "󰂛", + "dnd-inhibited-none": "󰪑" + }, + "return-type": "json", + "exec-if": "which swaync-client", + "exec": "swaync-client -swb", + "on-click": "swaync-client -R -t -sw", + "on-click-right": "swaync-client -d -sw", + "escape": true + } } diff --git a/dotfiles/.config/waybar/style.css b/dotfiles/.config/waybar/style.css index 965769c..c03ff18 100644 --- a/dotfiles/.config/waybar/style.css +++ b/dotfiles/.config/waybar/style.css @@ -1,6 +1,10 @@ * { border: none; - font-family: Font Awesome, Roboto, Arial, sans-serif; + font-family: + Font Awesome, + Roboto, + Arial, + sans-serif; font-size: 13px; color: #ffffff; border-radius: 20px; @@ -14,9 +18,18 @@ window#waybar { margin: 2px 10px 0 0; } +#custom-notification { + font-family: "NotoSansMono Nerd Font"; + font-size: 13px; + background-color: rgba(0, 43, 51, 0.85); + border-radius: 20px; + padding: 5px 2px 5px 8px; + margin: 5px 3px; +} + #custom-updater { font-size: 13px; - background-color: rgba(0,43,51,0.85); + background-color: rgba(0, 43, 51, 0.85); border-radius: 20px; padding: 5px 8px; margin: 5px 3px; @@ -32,16 +45,16 @@ window#waybar { } #workspaces button:hover { box-shadow: inherit; - background-color: rgba(0,153,153,1); + background-color: rgba(0, 153, 153, 1); } #workspaces button.focused { - background-color: rgba(0,43,51,0.85); + background-color: rgba(0, 43, 51, 0.85); } #clock { padding: 5px 15px; - background-color: rgba(0,43,51,0.85); + background-color: rgba(0, 43, 51, 0.85); border-radius: 20px; margin: 5px 3px; } @@ -51,28 +64,28 @@ window#waybar { #temperature, #network { padding: 5px 15px; - background-color: rgba(0,43,51,0.85); + background-color: rgba(0, 43, 51, 0.85); border-radius: 20px; margin: 5px 3px; } #pulseaudio { padding: 5px 10px 5px 15px; - background-color: rgba(0,43,51,0.85); + background-color: rgba(0, 43, 51, 0.85); border-radius: 20px; margin: 5px 3px; } #bluetooth { padding: 5px 15px 5px 15px; - background-color: rgba(0,43,51,0.85); + background-color: rgba(0, 43, 51, 0.85); border-radius: 20px; margin: 5px 3px; } #custom-media, -#custom-launcher{ +#custom-launcher { font-size: 16px; - background-image: url('./bitwarden.svg'); + background-image: url("./bitwarden.svg"); background-position: center; - background-color: rgba(0,43,51,0.85); + background-color: rgba(0, 43, 51, 0.85); background-repeat: no-repeat; background-size: 18px 18px; padding: 5px 8px; @@ -86,7 +99,7 @@ window#waybar { #custom-menu, #idle_inhibitor { padding: 5px 15px; - background-color: rgba(0,43,51,0.85); + background-color: rgba(0, 43, 51, 0.85); border-radius: 20px; margin: 5px 3px; } @@ -112,7 +125,7 @@ window#waybar { color: #2dcc36; } #battery.warning:not(.charging) { - color: #e6e600; + color: #e6e600; } #battery.critical:not(.charging) { color: #cc3436; @@ -122,14 +135,14 @@ window#waybar { } #workspaces { padding: 5px 13px 5px 10px; - background-color: rgba(0,43,51,0.85); + background-color: rgba(0, 43, 51, 0.85); border-radius: 20px; margin: 5px 3px; } /*-----Colors----*/ /* *rgba(0,85,102,1),#005566 --> Indigo(dye) - *rgba(0,43,51,1),#002B33 --> Dark Green - *rgba(0,153,153,1),#009999 --> Persian Green + *rgba(0,43,51,1),#002B33 --> Dark Green + *rgba(0,153,153,1),#009999 --> Persian Green * */