Set global icon stroke width and remove per-icon strokeWidth props

web-player/src/lib/components/player/PlayerBar.svelte

@@ -57,11 +57,11 @@
 			onclick={() => player.toggleMute()}
 		>
 			{#if player.muted || player.volume === 0}
-				<VolumeX class="size-icon-sm" strokeWidth={1.8} />
+				<VolumeX class="size-icon-sm" />
 			{:else if player.volume < 50}
-				<Volume1 class="size-icon-sm" strokeWidth={1.8} />
+				<Volume1 class="size-icon-sm" />
 			{:else}
-				<Volume2 class="size-icon-sm" strokeWidth={1.8} />
+				<Volume2 class="size-icon-sm" />
 			{/if}
 		</IconButton>
 		<Slider
@@ -78,7 +78,7 @@
 			pressed={queuePanel.open}
 			onclick={() => queuePanel.toggle()}
 		>
-			<ListMusic class="size-icon-sm" strokeWidth={1.8} />
+			<ListMusic class="size-icon-sm" />
 		</IconButton>
 	</div>
 </div>

web-player/src/lib/components/player/TrackInfo.svelte

@@ -56,11 +56,11 @@
 		<IconButton
 			label={isLiked ? 'Quitar de Me gusta' : 'Añadir a Me gusta'}
 			tone="plain"
-			size="xs"
+			size="md"
 			pressed={isLiked}
 			onclick={toggleLike}
 		>
-			<Heart class="size-icon-md" fill={isLiked ? 'currentColor' : 'none'} strokeWidth={1.25} />
+			<Heart class="size-icon-md" fill={isLiked ? 'currentColor' : 'none'} />
 		</IconButton>
 	{/if}
 </div>

web-player/src/lib/components/player/TransportControls.svelte

@@ -26,7 +26,7 @@
 			aria-label="Aleatorio"
 			class="transition-colors hover:text-fg {player.shuffle ? 'text-accent' : 'text-fg-2'}"
 		>
-			<Shuffle class="size-4" strokeWidth={1.8} />
+			<Shuffle class="size-4" />
 		</button>
 	{/if}
 
@@ -58,7 +58,7 @@
 			aria-label="Repetir"
 			class="transition-colors hover:text-fg {player.repeat ? 'text-accent' : 'text-fg-2'}"
 		>
-			<Repeat class="size-4" strokeWidth={1.8} />
+			<Repeat class="size-4" />
 		</button>
 	{/if}
 </div>