fixup! fixup! fixup! Replace AGS with waybar

modules/user/waybar.nix

@@ -1,6 +1,7 @@
 { osConfig, config, pkgs, ... }: {
   home.packages = with pkgs; [
-    font-awesome
+    # font-awesome
+    nerd-fonts.symbols-only
     playerctl
   ];
   
@@ -8,7 +9,7 @@
     enable = true;
 
     settings.mainBar = {
-      margin = "8";
+      margin = "8px";
       spacing = 8;
 
       modules-left = [
@@ -56,12 +57,16 @@
       };
 
       battery = {
+        interval = 5;
         states = {
           warning = 30;
           critical = 15;
         };
         format = "{icon} {capacity}%";
-        format-icons = ["" "" "" "" ""];
+        format-icons = {
+          default = ["󰂎" "󰁺" "󰁻" "󰁼" "󰁽" "󰁾" "󰁿" "󰂀" "󰂁" "󰂂" "󰁹"];
+          charging = ["󰢟" "󰢜" "󰂆" "󰂇" "󰂈" "󰢝" "󰂉" "󰢞" "󰂊" "󰂋" "󰂅"];
+        };
       };
 
       "keyboard-state" = {
@@ -95,13 +100,10 @@
 
 	    network = {
         format = "{ifname}";
-        format-wifi = "{essid} ({signalStrength}%) ";
+        format-wifi = " {essid} ({signalStrength}%)";
-        format-ethernet = "{ifname} ";
+        format-ethernet = "{ifname}";
         format-disconnected = "";
-        tooltip-format = "{ifname}";
+        tooltip-format = "{ipaddr}";
-        tooltip-format-wifi = "{essid} ({signalStrength}%) ";
-        tooltip-format-ethernet = "{ifname} ";
-        tooltip-format-disconnected = "Disconnected";
         max-length = 50;
         on-click = "ghostty --title=nmtui -e nmtui";
       };
@@ -141,7 +143,7 @@
     style = let
       colors = config.lib.stylix.colors.withHashtag;
       radius = "12px";
-    in /* css */ ''
+      scssFile = pkgs.writeText "waybar.scss" /* scss */ ''
         window#waybar {
           background: transparent;
           color: ${colors.base05};
@@ -176,55 +178,57 @@
           padding: 4px;
           border-radius: ${radius};
           border: 1pt solid transparent;
-      }
+
-      #workspaces button:hover {
+          &:hover { background: ${colors.base01}; }
-        background: ${colors.base01};
+
-      }
+          &.active {
-      #workspaces button.active {
             background: ${colors.base0B};
             color: ${colors.base00};
-      }
+
-      #workspaces button.active:hover {
+            &:hover {
               border-color: ${colors.base0B};
               background: ${colors.base01};
               color: ${colors.base0B};
             }
-
-      #mpris:hover {
-        background: ${colors.base01};
           }
-      #mpris.paused {
-        opacity: .5;
         }
 
-      #tray widget {
+        #mpris {
+          &:hover { background: ${colors.base01}; }
+          &.paused { opacity: .5; }
+        }
+
+        #tray {
+          widget {
             border: 1pt solid transparent;
             border-radius: ${radius};
-      }
+            &:hover { background: ${colors.base01}; }
-      #tray widget:hover {
+            & > image { padding: 8px; }
-        background: ${colors.base01};
-      }
-      #tray widget>image {
-        padding: 8px;
-      }
-      #tray > .passive {
-        border-color: ${colors.base02};
-      }
-      #tray > .needs-attention {
-        border-color: ${colors.base09};
           }
 
-      #pulseaudio:hover,
+          & > .passive { border-color: ${colors.base02}; }
-      #pulseaudio.muted:hover {
+          & > .needs-attention { border-color: ${colors.base09}; }
-        background: ${colors.base01};
         }
-      #pulseaudio.muted {
+
+        #pulseaudio {
+          &:hover { background: ${colors.base01}; }
+          &.muted {
             background: ${colors.base08};
             color: ${colors.base00};
+
+            &:hover {
+              color: ${colors.base08};
+              background: ${colors.base01};
+            }
+          }
         }
 
-      #network:hover {
+        #network {
-        background: ${colors.base01};
+          &:hover { background: ${colors.base01}; }
+          &.disconnected {
+            color: ${colors.base00};
+            background: ${colors.base08};
+          }
         }
 
         #system .drawer-child > * {
@@ -236,14 +240,15 @@
           color: ${colors.base08};
         }
 
-      #battery.charging {
+        #battery {
-        color: ${colors.base0B};
+          &.plugged { color: ${colors.base0D}; }
-      }
+          &.charging { color: ${colors.base0B}; }
-      #battery.warning:not(.charging) {
+          &:not(.charging) {
+            &.warning {
               color: ${colors.base00};
               background-color: ${colors.base09};
             }
-      #battery.critical:not(.charging) {
+            &.critical {
               background-color: ${colors.base08};
               color: ${colors.base00};
               animation-name: blink;
@@ -252,6 +257,13 @@
               animation-iteration-count: infinite;
               animation-direction: alternate;
             }
+          }
+          &.full {
+            color: ${colors.base00};
+            background: ${colors.base0B};
+          }
+        }
+
       	@keyframes blink {
           to {
             background-color: ${colors.base00};
@@ -259,5 +271,10 @@
           }
         }
       '';
+
+      cssFile = pkgs.runCommand "waybar.css" {
+        nativeBuildInputs = [ pkgs.dart-sass ];
+      } "sass ${scssFile} $out";
+    in builtins.readFile cssFile;
   };
 }