From 5117262ceb38f875adac070274a37fbda231ee93 Mon Sep 17 00:00:00 2001 From: eti Date: Fri, 31 Jul 2026 11:54:44 +0200 Subject: [PATCH] web/components: keep the toggle thumb visible in dark mode The thumb was painted with foreground/on-emphasis, which resolves to white in both colour modes, so on the white checked track in dark mode it disappeared. The design system binds it to background/default (#ffffff light, #1f2937 dark) in every Toggle variant. Signed-off-by: eti --- web/src/lib/components/ui/Toggle.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/src/lib/components/ui/Toggle.svelte b/web/src/lib/components/ui/Toggle.svelte index 3357bd48..14588967 100644 --- a/web/src/lib/components/ui/Toggle.svelte +++ b/web/src/lib/components/ui/Toggle.svelte @@ -39,7 +39,7 @@ ].join(" "); const thumbClasses = [ - "pointer-events-none absolute top-px left-px size-4 rounded-full bg-foreground-on-emphasis", + "pointer-events-none absolute top-px left-px size-4 rounded-full bg-background-default", "transition-transform duration-150 peer-checked:translate-x-[15px]" ].join(" "); -- 2.51.2