diff --git a/components/DarkToggle.vue b/components/DarkToggle.vue
index d0b66f8..dac8986 100644
--- a/components/DarkToggle.vue
+++ b/components/DarkToggle.vue
@@ -2,7 +2,7 @@
 const color = useColorMode()
 
 function toggleDark() {
-  color.preference = color.value === 'dark' ? 'light' : 'dark'
+  color.value = color.value === 'dark' ? 'light' : 'dark'
 }
 </script>