summaryrefslogtreecommitdiff
path: root/dotfiles/hyprland/.config/waybar/style.css
diff options
context:
space:
mode:
authorCraig Jennings <c@cjennings.net>2026-01-25 20:29:28 -0600
committerCraig Jennings <c@cjennings.net>2026-01-25 20:29:28 -0600
commite601c536ec79e9c46105cdbc67825e0cd97e7818 (patch)
treef25ef54b736d3c1aeb2310b9295e144d25bc0772 /dotfiles/hyprland/.config/waybar/style.css
parentf7308974b180d59c8b43083727565bd672875a38 (diff)
feat(waybar): enhance status bar with icons, modules, and interactivity
- Add nerd font icons (large size) for cpu, memory, disk, temperature, volume - Add temperature module next to CPU in sysmonitor group - Add battery module with warning/critical states - Add custom netspeed module with fixed-width output and SSID tooltip - Add layout indicator with clickable cycling through layouts - Add window title module to left panel - Add network scratchpad with nmtui (click netspeed to toggle) - Add toggle-scratchpad script to handle focus-loss auto-close - Make sysmonitor modules clickable to toggle monitor scratchpad - Add right-click on volume to toggle audio scratchpad - Update clock format to "Sun, Jan 25 2025 08:04 PM CST" - Remove nm-applet from autostart (replaced by nmtui scratchpad) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Diffstat (limited to 'dotfiles/hyprland/.config/waybar/style.css')
-rw-r--r--dotfiles/hyprland/.config/waybar/style.css22
1 files changed, 19 insertions, 3 deletions
diff --git a/dotfiles/hyprland/.config/waybar/style.css b/dotfiles/hyprland/.config/waybar/style.css
index 88dd0f8..6b760a2 100644
--- a/dotfiles/hyprland/.config/waybar/style.css
+++ b/dotfiles/hyprland/.config/waybar/style.css
@@ -46,11 +46,16 @@ window#waybar {
}
#cpu,
+#temperature,
#memory,
#disk,
+#custom-netspeed,
+#battery,
#wireplumber,
#tray,
-#clock {
+#clock,
+#custom-layout,
+#window {
padding: 0.4rem;
margin: 0.3rem;
color: #bbbbbb;
@@ -65,10 +70,13 @@ window#waybar {
}
#cpu:hover,
+#temperature:hover,
#memory:hover,
#disk:hover,
+#custom-netspeed:hover,
#wireplumber:hover,
-#sysmonitor:hover {
+#sysmonitor:hover,
+#custom-layout:hover {
background-color: #444444;
border-radius: 1rem;
}
@@ -78,13 +86,21 @@ window#waybar {
}
#wireplumber {
- color: #daa520;
+ color: #bbbbbb;
}
#wireplumber.muted {
color: #666666;
}
+#battery.warning {
+ color: #daa520;
+}
+
+#battery.critical {
+ color: #ff5858;
+}
+
#tray > .passive {
-gtk-icon-effect: dim;
}