configured notification to waybar

Signed-off-by: thomas <thomas.williams29899@gmail.com>
This commit is contained in:
2026-05-03 14:32:17 +01:00
parent a35b3b75a3
commit 03d58f73fb
2 changed files with 54 additions and 21 deletions

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-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": "<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
}
}

View File

@@ -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
*
*/