diff --git a/docs/.vitepress/theme/components/ColorPicker.vue b/docs/.vitepress/theme/components/ColorPicker.vue
index 856bd1b01..098d2e5a9 100644
--- a/docs/.vitepress/theme/components/ColorPicker.vue
+++ b/docs/.vitepress/theme/components/ColorPicker.vue
@@ -135,7 +135,7 @@ const normalizeColorName = (colorName: string) =>
     <!-- AMOLED toggle -->
     <div class="mt-4 flex items-center gap-2">
       <span class="text-sm text-$vp-c-text-2">AMOLED</span>
-      <Switch @click="isAmoledMode = !isAmoledMode" />
+      <Switch v-model="isAmoledMode" @click="isAmoledMode = !isAmoledMode" />
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>