From a8b390a8f21d76c9e3faa2374759d9da98258cd4 Mon Sep 17 00:00:00 2001
From: dev <info@activething.com>
Date: Sat, 6 Jun 2026 13:16:31 +0200
Subject: [PATCH] fix(temas/tema): switch pill no longer deformed by cut/scoop
 families
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The switch track is a pill (border-radius: 999px); applying data-shape made
corner-shape: bevel turn it into a hexagon (and scoop into a blob). Pills and
circles must not take shape families — same rule the avatar/thumb already
follow (pendiente.md). Dropped data-shape from the track; it stays round in
every family while the rectangles (card, button, badge, chips) still morph.
Verified: cut mode → switch corner-shape round / radius 999px.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web/routes/temas/tema/+page.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/routes/temas/tema/+page.svelte b/web/routes/temas/tema/+page.svelte
index 39b23e4cd..623899710 100644
--- a/web/routes/temas/tema/+page.svelte
+++ b/web/routes/temas/tema/+page.svelte
@@ -271,7 +271,9 @@
 						<button class="tp-btn tp-btn-ghost" data-shape={family}>Cola</button>
 						<label class="tp-switch">
 							<input type="checkbox" bind:checked={toggleOn} />
-							<span class="tp-switch-track" data-shape={family}><span class="tp-switch-thumb"></span></span>
+							<!-- the track is a pill (radius 999): shape families would bevel/scoop it into an
+							     angular blob, so it stays rounded — same rule as the circular avatar/thumb. -->
+							<span class="tp-switch-track"><span class="tp-switch-thumb"></span></span>
 							<span class="tp-switch-label">Crossfade</span>
 						</label>
 					</div>