waybar: finetuning ๐ - dotfiles - ๐ personal arsenal of "rice"
HTML git clone https://git.drkhsh.at/dotfiles.git
DIR Log
DIR Files
DIR Refs
DIR Submodules
DIR README
DIR LICENSE
---
DIR commit 98ce6dcc827ee4f64b2ad58a93b8bc4b042125e2
DIR parent ec473f1e51570f6a90f731f2b2daabb68c99c65c
HTML Author: drkhsh <me@drkhsh.at>
Date: Mon, 25 Nov 2024 21:44:48 +0100
waybar: finetuning ๐
Diffstat:
M waybar/.config/waybar/bars/laptop.โฆ | 4 ++--
M waybar/.config/waybar/bars/pc.jsonc | 4 ++--
M waybar/.config/waybar/modules.jsonc | 104 ++++++++++++++++++++-----------
M waybar/.config/waybar/style.css | 83 +++++++++++++++++++++++--------
4 files changed, 134 insertions(+), 61 deletions(-)
---
DIR diff --git a/waybar/.config/waybar/bars/laptop.jsonc b/waybar/.config/waybar/bars/laptop.jsonc
@@ -17,9 +17,9 @@
"tray",
"network#icon",
"network",
- "custom/cpuicon",
+ "cpu#icon",
"cpu",
- "custom/memoryicon",
+ "memory#icon",
"memory",
"wireplumber#icon",
"wireplumber",
DIR diff --git a/waybar/.config/waybar/bars/pc.jsonc b/waybar/.config/waybar/bars/pc.jsonc
@@ -15,9 +15,9 @@
],
"modules-right": [
"tray",
- "custom/cpuicon",
+ "cpu#icon",
"cpu",
- "custom/memoryicon",
+ "memory#icon",
"memory",
"wireplumber#icon",
"wireplumber",
DIR diff --git a/waybar/.config/waybar/modules.jsonc b/waybar/.config/waybar/modules.jsonc
@@ -20,8 +20,6 @@
"7": "7",
"8": "8",
"9": "9"
- //"active": "๓ฑป",
- //"urgent": "๓ฑป"
},
"persistent_workspaces": {
"1": [],
@@ -32,40 +30,61 @@
}
},
"hyprland/window": {
- //"format": "{}" // <--- these is the default value
- "format": "<span weight='bold' >{title}</span>",
- "max-length": 120,
- "icon": false,
- "icon-size": 13,
+ "format": "{}",
"separate-outputs": true,
- },
- "custom/memoryicon": {
- "format": "๏ผ"
- },
- "custom/cpuicon": {
- "format": "๎ฐ"
+ "rewrite": {
+ "": "<span foreground='#89b4fa'>๏ </span> Hyprland",
+ "zsh": "๎ฏ Terminal",
+ "foot": "๎ฏ Terminal",
+ "drkhsh@(.*) โ (.*)": "๎ฏ $2",
+ "(.*) โ Mozilla Firefox": "<span foreground='#f38ba8'>๎
</span> $1",
+ "(.*)Mozilla Firefox": "<span foreground='#f38ba8'>๓ฐน </span> Firefox",
+ "(.*)Spotify(.*)": "<span foreground='#a6e3a1'>๏ผ </span> Spotify"
+ }
},
"custom/logout": {
"format": "โป",
"on-click": "wlogout -b 2"
},
+ "memory#icon": {
+ "states": {
+ "warning": 75,
+ "critical": 90
+ },
+ "interval": 10,
+ "format": "๓ฐ",
+ "format-critical": "๓ฐฆ",
+ "tooltip-format": "Memory Used: {used:0.1f} GB / {total:0.1f} GB"
+ },
"memory": {
- "interval": 5,
- "format": "{}%",
- "max-length": 10
+ "states": {
+ "warning": 75,
+ "critical": 90
+ },
+ "interval": 10,
+ "format": "{} %",
+ "max-length": 10,
+ "min-length": 4,
+ "tooltip-format": "Memory Used: {used:0.1f} GB / {total:0.1f} GB"
+ },
+ "cpu#icon": {
+ "interval": 10,
+ "format": "๎ฐ"
},
"cpu": {
"interval": 5,
- "format": "{}%",
- "max-length": 10
+ "format": "{} %",
+ "max-length": 10,
+ "min-length": 4
},
"tray": {
- "spacing": 10
+ "spacing": 7
},
"clock": {
"tooltip-format": "{calendar}",
"format-alt": "{:%a, %d %b %Y}",
- "format": "{:%a, %Y-%m-%d %H:%M}"
+ "format": "{:%H:%M:%S}",
+ "interval": 1
},
"network#icon": {
"format": "{icon}",
@@ -77,27 +96,33 @@
"๓ฐ"
],
"disconnected": [
- "๓ฐช"
+ "๓ฐ"
]
},
"format-wifi": "๓ฐคจ",
"format-ethernet": "๓ฐ",
- "format-disconnected": "๓ฐช",
- "format-linked": "๓ฐ",
- "tooltip": false,
+ "format-disconnected": "๓ฐ",
+ "tooltip-format": "{ifname} via {gwaddr} ๏",
+ "tooltip-format-wifi": "{frequency} MHz ({signalStrength} %)",
+ "tooltip-format-ethernet": "{ipaddr}/{cidr} ๏น {bandwidthUpBytes} ๏บ {bandwidthDownBytes}",
+ "tooltip-format-disconnected": "Disconnected โ ",
"on-click": "nm-connection-editor"
},
"network": {
- "format-wifi" : "{essid} ({signalStrength}%)",
+ "format-wifi" : "{essid}",
"format-ethernet": "{ipaddr}/{cidr}",
- "format-disconnected" : "n/a",
+ "format-disconnected" : "Disconnected โ ",
+ "tooltip-format": "{ifname} via {gwaddr} ๏",
+ "tooltip-format-wifi": "{frequency} MHz ({signalStrength} %)",
+ "tooltip-format-ethernet": "{ipaddr}/{cidr} ๏น {bandwidthUpBytes} ๏บ {bandwidthDownBytes}",
+ "tooltip-format-disconnected": "Disconnected โ ",
"on-click": "nm-connection-editor"
},
"wireplumber#icon": {
"format": "{icon}",
"format-bluetooth": "๓ฐฐ",
"nospacing": 1,
- "tooltip-format": "Volume : {volume}%",
+ "tooltip-format": "Volume: {volume} %",
"format-muted": "๓ฐ",
"format-icons": {
"headphone": "๏ฅ",
@@ -107,13 +132,15 @@
"scroll-step": 1
},
"wireplumber": {
- "format": "{volume}%",
- "format-bluetooth": "{volume}% {format_source}",
+ "format": "{volume} %",
+ "format-bluetooth": "{volume} % {format_source}",
"nospacing": 1,
- "tooltip-format": "Volume : {volume}%",
+ "tooltip-format": "Volume: {volume} %",
"format-muted": "Muted",
"on-click": "pavucontrol",
- "scroll-step": 1
+ "scroll-step": 1,
+ "max-length": 10,
+ "min-length": 4
},
"battery#icon": {
"format": "{icon}",
@@ -149,17 +176,21 @@
"warning": 20,
"critical": 10
},
- "tooltip": false
+ "tooltip-format": "Discharging: {time}",
+ "tooltip-format-charging": "Charging: {time}"
},
"battery": {
- "format": "{capacity}%",
+ "format": "{capacity} %",
"format-full": "Charged",
"interval": 5,
"states": {
"warning": 20,
"critical": 10
},
- "tooltip": false
+ "tooltip-format": "Discharging: {time}",
+ "tooltip-format-charging": "Charging: {time}",
+ "max-length": 10,
+ "min-length": 3
},
"cava": {
"format-icons" : ["โ", "โ", "โ", "โ", "โ
", "โ", "โ", "โ" ],
@@ -195,14 +226,12 @@
"status-icons": {
"paused": "๏"
},
- // "ignored-players": ["firefox"]
"on-click": "playerctl play-pause"
},
"mpris": {
"format": "{dynamic}",
"format-paused": "<i>{dynamic}</i>",
"interval": 1,
- // "ignored-players": ["firefox"]
"on-click": "playerctl play-pause"
},
"custom/hyprsunset": {
@@ -211,6 +240,7 @@
"on-click-right": "hyprsunset-toggle toggle",
"on-click": "hyprsunset-toggle toggle",
"exec": "hyprsunset-toggle",
- "interval": "once"
+ "interval": "once",
+ "tooltip": false
}
}
DIR diff --git a/waybar/.config/waybar/style.css b/waybar/.config/waybar/style.css
@@ -62,9 +62,9 @@ window#waybar.hidden {
#clock,
#tray,
#custom-logout,
-#custom-memoryicon,
+#memory.icon,
#cpu,
-#custom-cpuicon,
+#cpu.icon,
#idle_inhibitor,
#custom-hyprsunset,
#cava,
@@ -79,7 +79,7 @@ window#waybar.hidden {
color: #0abdc6;
}
-#custom-memoryicon, #custom-cpuicon, #mpris.icon {
+#memory.icon, #cpu.icon, #mpris.icon {
background-color: #0abdc6;
}
#memory, #cpu, #mpris, #clock {
@@ -95,17 +95,6 @@ window#waybar.hidden {
color: #f38ba8;
}
-#battery.warning,
-#battery.critical,
-#battery.urgent {
- background-color: #ff0000;
- color: #FFFF00;
-}
-
-#battery.charging {
- background-color: #a6e3a1;
- color: #181825;
-}
#wireplumber.icon {
background-color: #0abdc6;
@@ -142,18 +131,27 @@ tooltip label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
-#custom-memoryicon, #custom-cpuicon, #battery.icon, #wireplumber.icon, #network.icon, #mpris.icon {
+#memory.icon, #cpu.icon, #battery.icon, #wireplumber.icon, #network.icon, #mpris.icon {
color: #000b1e;
margin-right:0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
-#custom-memoryicon, #custom-cpuicon, #wireplumber.icon, #network.icon, #idle_inhibitor, #mpris.icon. #custom-hyprsunset {
+#memory.icon, #cpu.icon, #battery.icon, #wireplumber.icon, #network.icon, #mpris.icon {
padding-left: 7px;
padding-right: 7px;
}
+#custom-hyprsunset, #idle_inhibitor {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+#custom-hyprsunset {
+ padding-left: 11px;
+ padding-right: 11px;
+}
+
#idle_inhibitor, #tray, #custom-logout, #cava, #custom-hyprsunset {
color: #f57800;
border: 1px solid #711c91;
@@ -163,7 +161,7 @@ tooltip label {
padding-bottom: 0;
color: #ff0000;
}
-#idle_inhibitor, #custom-hyprsunset, #custom-logout, #wireplumber.icon, #battery.icon, #wireplumber.icon, #network.icon, #mpris.icon, #memory.icon, #custom-memoryicon, #custom-cpuicon {
+#idle_inhibitor, #custom-hyprsunset, #custom-logout, #wireplumber.icon, #battery.icon, #wireplumber.icon, #network.icon, #mpris.icon, #memory.icon, #memory.icon, #cpu.icon {
font-size: 14px;
padding-top:0;
padding-bottom:0;
@@ -182,8 +180,53 @@ tooltip label {
padding-right:0px;
}
-window#waybar.empty #window {
- background: none;
- border: none;
+#tray > .passive {
+ -gtk-icon-effect: dim;
+}
+#tray > .needs-attention {
+ -gtk-icon-effect: highlight;
}
+
+/* STATES */
+
+#battery.charging {
+ border: 1px solid #00ff00;
+ color: #00ff00;
+}
+#battery.icon.charging {
+ background-color: #00ff00;
+ color: #000b1e;
+}
+
+#battery.warning, #memory.warning {
+ border: 1px solid #f57800;
+ color: #f57800;
+}
+#battery.icon.warning, #memory.icon.warning {
+ background-color: #f57800;
+ color: #000b1e;
+}
+
+#battery.critical:not(.charging), #memory.critical {
+ border: 1px solid #FF0000;
+ color: #FF0000;
+}
+#battery.icon.critical, #memory.icon.critical {
+ background-color: #FF0000;
+ color: #000b1e;
+ animation-name: blink;
+ animation-duration: 0.5s;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
+}
+
+#network.disconnected, #network.disabled {
+ border: 1px solid #ff0000;
+ color: #ff0000;
+}
+#network.icon.disconnected, #network.icon.disabled {
+ background-color: #ff0000;
+ color: #000b1e;
+}