diff --git a/components/DarkToggle.vue b/components/DarkToggle.vue
index 3a12ef2..8546544 100644
--- a/components/DarkToggle.vue
+++ b/components/DarkToggle.vue
@@ -1,7 +1,7 @@
 <script setup lang='ts'>
 const color = useColorMode()
 function toggleDark() {
-  color.value = color.value === 'dark' ? 'light' : 'dark'
+  color.preference = color.preference === 'dark' ? 'light' : 'dark'
 }
 </script>