diff --git a/src/runtime/plugin.server.ts b/src/runtime/plugin.server.ts
index 95bdda6c..a9d7a868 100644
--- a/src/runtime/plugin.server.ts
+++ b/src/runtime/plugin.server.ts
@@ -16,12 +16,14 @@ const addScript = (head) => {
 }
 
 export default defineNuxtPlugin((nuxtApp) => {
-  const colorMode = useState<ColorModeInstance>('color-mode', () => reactive({
-    preference,
-    value: preference,
-    unknown: true,
-    forced: false
-  })).value
+  const colorMode = nuxtApp.ssrContext && 'islandContext' in nuxtApp.ssrContext
+    ? reactive({})
+    : useState<ColorModeInstance>('color-mode', () => reactive({
+      preference,
+      value: preference,
+      unknown: true,
+      forced: false
+    })).value
 
   const htmlAttrs: Record<string, string> = {}