alice.pds.demo.boltless.dev
This repository has no description
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 <eti@eti.tf>
author
eti
committer
dawn
date
(Jul 31, 2026, 10:57 PM +0300)
commit
5117262c
5117262ceb38f875adac070274a37fbda231ee93
parent
f2c685c3
f2c685c3278d62e16252b6d39b02bf4c0e12ed2a
change-id
qntutryu
qntutryurvvwsqrwqskunkmkprsllwrx
+1
-1
+1
-1
web/src/lib/components/ui/Toggle.svelte
+1
-1
web/src/lib/components/ui/Toggle.svelte
···
39
39
].join(" ");
40
40
41
41
const thumbClasses = [
42
-
"pointer-events-none absolute top-px left-px size-4 rounded-full bg-foreground-on-emphasis",
42
+
"pointer-events-none absolute top-px left-px size-4 rounded-full bg-background-default",
43
43
"transition-transform duration-150 peer-checked:translate-x-[15px]"
44
44
].join(" ");
45
45