spotify waybar

Author: micartey

dots/waybar/style.css

@@ -19,7 +19,7 @@
 #custom-mic,
 #custom-uxplay,
 #clock,
-#custom-media,
+#custom-spotify,
 #wireplumber {
     background-color: @surface0;
     padding: 0.5rem 1rem;
@@ -65,6 +65,8 @@
 
 #workspaces button.active {
     color: @lavender;
+
+    font-weight: bold;
 }
 
 #custom-mic {
@@ -89,7 +91,7 @@
     margin-left: 0rem;
 }
 
-#custom-media {
+#custom-spotify {
     color: @surface0;
 
     border-radius: 1rem 1rem 1rem 1rem;

home-manager/desktop/hyprland.nix

@@ -317,7 +317,7 @@ in
         ];
         modules-center = [ "hyprland/workspaces" ];
         modules-right = [
-          "custom/media"
+          "custom/spotify"
           "custom/mic"
           "wireplumber"
           "clock"
@@ -414,13 +414,15 @@ in
           max-length = 50;
         };
 
-        "custom/media" = {
+        "custom/spotify" = {
           format = "  {}";
           escape = true;
           interval = 1;
           tooltip = false;
           exec = "spotifycli --status";
           on-click = "spotifycli --playpause";
+          on-scroll-up = "spotifycli --next";
+          on-scroll-down = "spotifycli --prev";
           max-length = 50;
         };