From e0c78f0597bd25668eaed8242a6a28cfaaeb7364 Mon Sep 17 00:00:00 2001 From: Benny Samir Hierl Date: Sun, 20 Feb 2022 12:14:04 +0100 Subject: [PATCH] fix toggle in dark mode Signed-off-by: Benny Samir Hierl --- src/components/InputToggle.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/InputToggle.vue b/src/components/InputToggle.vue index b0f5a1a..b382c65 100644 --- a/src/components/InputToggle.vue +++ b/src/components/InputToggle.vue @@ -57,7 +57,7 @@ const { checked, handleChange } = useField(props.name, undefined, { flex-basis: var(--switch-container-width); border-radius: var(--switch-size); transition: background-color 0.25s ease-in-out; - @apply bg-stone-200; + @apply bg-stone-500; } .switch::before { @@ -67,8 +67,8 @@ const { checked, handleChange } = useField(props.name, undefined, { height: calc(var(--switch-size) - 4px); width: calc(var(--switch-size) - 4px); border-radius: 9999px; - background-color: white; - transition: transform 0.375s ease-in-out; + @apply bg-white; + transition: 0.375s transform ease-in-out; } .input:checked + .switch {