From 59bed6bbe840916d2a184c4881db4cfa241cc0d6 Mon Sep 17 00:00:00 2001
From: Samidy <samidy@proton.me>
Date: Thu, 2 Oct 2025 12:56:08 +0300
Subject: [PATCH] semi-final update (hopefully)

---
 docs/.vitepress/theme/components/ColorPicker.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/.vitepress/theme/components/ColorPicker.vue b/docs/.vitepress/theme/components/ColorPicker.vue
index 56ebcbde7..94675a309 100644
--- a/docs/.vitepress/theme/components/ColorPicker.vue
+++ b/docs/.vitepress/theme/components/ColorPicker.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { colors } from '@fmhy/colors'
 import { useStorage, useStyleTag } from '@vueuse/core'
-import { watch } from 'vue'
+import { watch, onMounted } from 'vue'
 
 // Add Halloween colors locally
 const halloweenColors = {
@@ -85,9 +85,13 @@ const updateThemeColor = (colorName: ColorNames) => {
 updateThemeColor(selectedColor.value)
 
 // halloween stuff
-if (selectedColor.value === 'halloween') {
-  document.documentElement.setAttribute('data-halloween-theme', 'true')
-}
+onMounted(() => {
+  if (selectedColor.value === 'halloween') {
+    document.documentElement.setAttribute('data-halloween-theme', 'true')
+  }
+  // Re-apply the theme to ensure everything is initialized
+  updateThemeColor(selectedColor.value)
+})
 
 watch(selectedColor, updateThemeColor)