style waybar

homes/modules/de/waybar/default.nix

@@ -1,4 +1,4 @@
-{upkgs, ...}: {
+{...}: {
   programs.waybar = {
     enable = true;
     settings = {
@@ -6,8 +6,8 @@
         layer = "top";
         position = "top";
         height = 30;
-        # modules-left = ["hyprland/workspaces" "wlr/taskbar" "custom/media"];
-        modules-left = ["hyprland/workspaces" "wlr/taskbar"];
+
+        modules-left = ["hyprland/workspaces"];
         modules-center = ["clock"];
         modules-right = ["cpu" "memory" "network" "pulseaudio" "privacy" "tray"];
 
@@ -21,20 +21,10 @@
           ignore-hidden = true;
           on-click = "activate";
         };
-        "wlr/taskbar" = {
-          format = "{icon}";
-          icon-size = 12;
-        };
-        # "custom/media" = {
-        #   exec = "auroramedia";
-        #   return-type = "json";
-        #   escape = true;
-        #   restart-interval = 1;
-        # };
 
         # center
         "clock" = {
-          format = "{:%Y %b %a %d %H:%M:%S}";
+          format = "{:%b %a | %d %r}";
           interval = 1;
           tooltip = false;
         };
@@ -49,10 +39,10 @@
           interval = 1;
         };
         "network" = {
-          format = "{bandwidthUpBytes}   {bandwidthDownBytes}  {ifname}";
-          format-wifi = "  {bandwidthUpBytes}   {bandwidthDownBytes} ";
-          format-ethernet = "󰈀  {bandwidthUpBytes}   {bandwidthDownBytes} ";
-          format-disconnected = "no internet ~ rawr! ~ x3"; # empty format hides module
+          format = "{bandwidthUpBits}   {bandwidthDownBits}  {ifname}";
+          format-wifi = "  {bandwidthUpBits}   {bandwidthDownBits}  {ifname}";
+          format-ethernet = "󰈀  {bandwidthUpBits}   {bandwidthDownBits}  {ifname}";
+          format-disconnected = "no internet ~ rawr! ~ ;w;"; # empty format hides module
           interval = 1;
           max-length = 32;
         };

homes/modules/de/waybar/style.css

@@ -123,6 +123,7 @@ right-side modules
 #network {
   margin: 4px 0 4px 0;
   border-radius: 0px 32px 32px 0px;
+  min-width: 100px; /* surely there's a better way to fix the size? */
 }
 
 #workspaces button {