thomas/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

configured notification to waybar

Browse Source 
Signed-off-by: thomas <thomas.williams29899@gmail.com>
This commit is contained in:
Thomas Williams
2026-05-03 14:32:17 +01:00
parent a35b3b75a3
commit 03d58f73fb
2 changed files with 54 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
dotfiles/.config/waybar/config
View File

@@ -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-center": ["hyprland/workspaces"],
"modules-right": ["network", "bluetooth", "pulseaudio", "custom/power"], "modules-right": ["network", "bluetooth", "pulseaudio", "custom/power"],
@@ -144,5 +144,25 @@
"on-click": "$HOME/.config/waybar/scripts/update-distro.sh", "on-click": "$HOME/.config/waybar/scripts/update-distro.sh",
"tooltip": true, "tooltip": true,
"tooltip-format": "Left Click: Update System\nArch (w/ notification)\nFedora, OpenSuse, Debian/Ubuntu click to update" "tooltip-format": "Left Click: Update System\nArch (w/ notification)\nFedora, OpenSuse, Debian/Ubuntu click to update"
},
"custom/notification": {
"tooltip": true,
"format": "<span>{0} {icon} </span>",
"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
} }
} }

39
dotfiles/.config/waybar/style.css
View File

@@ -1,6 +1,10 @@
* { * {
border: none; border: none;
font-family: Font Awesome, Roboto, Arial, sans-serif; font-family:
Font Awesome,
Roboto,
Arial,
sans-serif;
font-size: 13px; font-size: 13px;
color: #ffffff; color: #ffffff;
border-radius: 20px; border-radius: 20px;
@@ -14,9 +18,18 @@ window#waybar {
margin: 2px 10px 0 0; 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 { #custom-updater {
font-size: 13px; font-size: 13px;
background-color: rgba(0,43,51,0.85); background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px; border-radius: 20px;
padding: 5px 8px; padding: 5px 8px;
margin: 5px 3px; margin: 5px 3px;
@@ -32,16 +45,16 @@ window#waybar {
} }
#workspaces button:hover { #workspaces button:hover {
box-shadow: inherit; box-shadow: inherit;
background-color: rgba(0,153,153,1); background-color: rgba(0, 153, 153, 1);
} }
#workspaces button.focused { #workspaces button.focused {
background-color: rgba(0,43,51,0.85); background-color: rgba(0, 43, 51, 0.85);
} }
#clock { #clock {
padding: 5px 15px; padding: 5px 15px;
background-color: rgba(0,43,51,0.85); background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px; border-radius: 20px;
margin: 5px 3px; margin: 5px 3px;
} }
@@ -51,28 +64,28 @@ window#waybar {
#temperature, #temperature,
#network { #network {
padding: 5px 15px; padding: 5px 15px;
background-color: rgba(0,43,51,0.85); background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px; border-radius: 20px;
margin: 5px 3px; margin: 5px 3px;
} }
#pulseaudio { #pulseaudio {
padding: 5px 10px 5px 15px; padding: 5px 10px 5px 15px;
background-color: rgba(0,43,51,0.85); background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px; border-radius: 20px;
margin: 5px 3px; margin: 5px 3px;
} }
#bluetooth { #bluetooth {
padding: 5px 15px 5px 15px; padding: 5px 15px 5px 15px;
background-color: rgba(0,43,51,0.85); background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px; border-radius: 20px;
margin: 5px 3px; margin: 5px 3px;
} }
#custom-media, #custom-media,
#custom-launcher{ #custom-launcher {
font-size: 16px; font-size: 16px;
background-image: url('./bitwarden.svg'); background-image: url("./bitwarden.svg");
background-position: center; background-position: center;
background-color: rgba(0,43,51,0.85); background-color: rgba(0, 43, 51, 0.85);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 18px 18px; background-size: 18px 18px;
padding: 5px 8px; padding: 5px 8px;
@@ -86,7 +99,7 @@ window#waybar {
#custom-menu, #custom-menu,
#idle_inhibitor { #idle_inhibitor {
padding: 5px 15px; padding: 5px 15px;
background-color: rgba(0,43,51,0.85); background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px; border-radius: 20px;
margin: 5px 3px; margin: 5px 3px;
} }
@@ -122,7 +135,7 @@ window#waybar {
} }
#workspaces { #workspaces {
padding: 5px 13px 5px 10px; padding: 5px 13px 5px 10px;
background-color: rgba(0,43,51,0.85); background-color: rgba(0, 43, 51, 0.85);
border-radius: 20px; border-radius: 20px;
margin: 5px 3px; margin: 5px 3px;
} }