diff --git a/packages/ui/src/composables/useColorScheme.ts b/packages/ui/src/composables/useColorScheme.ts
index c9657e89f..8d8184114 100644
--- a/packages/ui/src/composables/useColorScheme.ts
+++ b/packages/ui/src/composables/useColorScheme.ts
@@ -17,7 +17,9 @@ export function useColorScheme() {
   const isDark = computed(() => colorScheme.value === 'dark');
 
   function setColorScheme(colorSchemeId: ColorScheme) {
-    mode.value = colorSchemeId;
+    if (colorSchemeId === 'dark' || colorSchemeId === 'light') {
+      mode.value = colorSchemeId;
+    }
   }
 
   return {