From 8e0962adbafac2aa5314f5c8a037359c4316b19c Mon Sep 17 00:00:00 2001
From: Eli Bosley <ekbosley@gmail.com>
Date: Tue, 17 Dec 2024 09:04:24 -0500
Subject: [PATCH] Update web/components/ColorSwitcher.ce.vue

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---
 web/components/ColorSwitcher.ce.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/components/ColorSwitcher.ce.vue b/web/components/ColorSwitcher.ce.vue
index 3a6c34d87..4135b0039 100644
--- a/web/components/ColorSwitcher.ce.vue
+++ b/web/components/ColorSwitcher.ce.vue
@@ -78,13 +78,13 @@ watch([setDarkMode, bgColorToSet, textSecondaryToSet, textPrimaryToSet], (newVal
     <Label for="header-background">Header Background Color</Label>
     <Input id="header-background" v-model="bgColor" />
     <Label for="dark-mode">Dark Mode</Label>
-    <Switch id="dark-mode" @update:checked="toggleSwitch" />
+    <Switch id="dark-mode" :checked="setDarkMode" @update:checked="toggleSwitch" />
     <Label for="gradient">Gradient</Label>
-    <Switch id="gradient" @update:checked="toggleGradient" />
+    <Switch id="gradient" :checked="setGradient" @update:checked="toggleGradient" />
     <Label for="description">Description</Label>
-    <Switch id="description" @update:checked="toggleDescription" />
+    <Switch id="description" :checked="setDescription" @update:checked="toggleDescription" />
     <Label for="banner">Banner</Label>
-    <Switch id="banner" @update:checked="toggleBanner" />
+    <Switch id="banner" :checked="setBanner" @update:checked="toggleBanner" />
   </div>
 </template>