fix(waybar): show red network icon when disconnected

Added themed disconnected color to netspeed module CSS across base,
dupre, and hudson styles. Changed disconnected label to "Offline".

4 files changed, 13 insertions, 1 deletions

diff --git a/dotfiles/hyprland/.config/themes/dupre/waybar.css b/dotfiles/hyprland/.config/themes/dupre/waybar.css
index 003814e..c5333f5 100644
--- a/dotfiles/hyprland/.config/themes/dupre/waybar.css
+++ b/dotfiles/hyprland/.config/themes/dupre/waybar.css
@@ -90,6 +90,10 @@ window#waybar {
     color: #969385;
 }
 
+#custom-netspeed.disconnected {
+    color: #d47c59;
+}
+
 #battery.warning {
     color: #d7af5f;
 }
diff --git a/dotfiles/hyprland/.config/themes/hudson/waybar.css b/dotfiles/hyprland/.config/themes/hudson/waybar.css
index d1a99b2..4ee0615 100644
--- a/dotfiles/hyprland/.config/themes/hudson/waybar.css
+++ b/dotfiles/hyprland/.config/themes/hudson/waybar.css
@@ -90,6 +90,10 @@ window#waybar {
     color: #bbbbbb;
 }
 
+#custom-netspeed.disconnected {
+    color: #ff5858;
+}
+
 #battery.warning {
     color: #daa520;
 }
diff --git a/dotfiles/hyprland/.config/waybar/style.css b/dotfiles/hyprland/.config/waybar/style.css
index d1a99b2..4ee0615 100644
--- a/dotfiles/hyprland/.config/waybar/style.css
+++ b/dotfiles/hyprland/.config/waybar/style.css
@@ -90,6 +90,10 @@ window#waybar {
     color: #bbbbbb;
 }
 
+#custom-netspeed.disconnected {
+    color: #ff5858;
+}
+
 #battery.warning {
     color: #daa520;
 }
diff --git a/dotfiles/hyprland/.local/bin/waybar-netspeed b/dotfiles/hyprland/.local/bin/waybar-netspeed
index 97e8e5e..a6296b0 100755
--- a/dotfiles/hyprland/.local/bin/waybar-netspeed
+++ b/dotfiles/hyprland/.local/bin/waybar-netspeed
@@ -6,7 +6,7 @@
 INTERFACE=$(ip route | awk '/default/ {print $5; exit}')
 
 if [ -z "$INTERFACE" ]; then
-    echo '{"text": "󰤭 Disconnected", "tooltip": "No network connection", "class": "disconnected"}'
+    echo '{"text": "󰤭 Offline", "tooltip": "No network connection", "class": "disconnected"}'
     exit 0
 fi