Fix workspace buttons and audio controls

- Changed workspace buttons to use numbers (1-10) instead of icons
- Increased workspace button font size from 8px to 14px for readability
- Fixed workspace button colors: light text on semi-transparent backgrounds
- Added scroll wheel volume control for pulseaudio modules (pamixer)
- Changed to dynamic workspaces with minimum of 1 visible
- Workspace buttons now only show when occupied (not all 10 persistent)

configs/[TOP] Custom Minimal

@@ -40,9 +40,32 @@
 	}
 },
 
-// Ensure workspaces are persistent (1-5)
+// Pulseaudio with scroll control
+"pulseaudio": {
+	"format": "{icon} {volume}%",
+	"format-muted": " Muted",
+	"on-click": "pamixer -t",
+	"on-scroll-up": "pamixer -i 5",
+	"on-scroll-down": "pamixer -d 5",
+	"scroll-step": 5,
+	"format-icons": {
+		"default": ["", "", ""]
+	}
+},
+
+"pulseaudio#microphone": {
+	"format": "{format_source}",
+	"format-source": " {volume}%",
+	"format-source-muted": " Muted",
+	"on-click": "pamixer --default-source -t",
+	"on-scroll-up": "pamixer --default-source -i 5",
+	"on-scroll-down": "pamixer --default-source -d 5",
+	"scroll-step": 5
+},
+
+// Dynamic workspaces with minimum of 1
 "hyprland/workspaces#4": {
-	"format": " {icon} ",
+	"format": "{icon}",
 	"show-special": false,
 	"active-only": false,
 	"on-click": "activate",
@@ -51,25 +74,20 @@
 	"all-outputs": true,
 	"sort-by-number": true,
 	"persistent-workspaces": {
-		"1": [],
-		"2": [],
-		"3": [],
-		"4": [],
-		"5": []
+		"*": 1
 	},
 	"format-icons": {
-		"1": " ",
-		"2": " ",
-		"3": " ",
-		"4": " ",
-		"5": "",
-		"6": " ",
-		"7": "",
-		"8": " ",
-		"9": " ",
+		"1": "1",
+		"2": "2",
+		"3": "3",
+		"4": "4",
+		"5": "5",
+		"6": "6",
+		"7": "7",
+		"8": "8",
+		"9": "9",
 		"10": "10",
-		"focused": "",
-		"default": ""
+		"default": "●"
 	}
 }
 }

style/[Pywal] Minimal.css

@@ -23,25 +23,25 @@ window#waybar {
 #workspaces button {
     padding: 4px 8px;
     margin: 1px 2px;
-    background-color: @color0;
-    color: @color7;
+    background-color: rgba(255, 255, 255, 0.1);
+    color: @color15;
     border-radius: 10px;
     transition: all 0.3s ease;
     border: 1px solid transparent;
     min-height: 4px;
-    font-size: 8px;
+    font-size: 14px;
 }
 
 #workspaces button:hover {
-    background-color: @color8;
-    color: @foreground;
+    background-color: rgba(255, 255, 255, 0.2);
+    color: @color15;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
 }
 
 #workspaces button.active {
-    background-color: @color1;
-    color: @background;
-    border: 1px solid @color5;
+    background-color: rgba(255, 255, 255, 0.3);
+    color: @color15;
+    border: 1px solid rgba(255, 255, 255, 0.5);
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
 }