aria/FMHY-Website
1
0
Fork 0
mirror of https://github.com/fmhy/edit.git synced 2025-11-27 16:31:09 +11:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update ColorPicker.vue

Browse source
This commit is contained in:
land 2025-11-03 14:45:59 +05:30
parent ba9fe8fa3f
commit b607799836
1 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

20
docs/.vitepress/theme/components/ColorPicker.vue
View file

@ -1,7 +1,7 @@
<script setup lang="ts">
import { colors } from '@fmhy/colors'
import { useStorage, useStyleTag } from '@vueuse/core'
import { watch, onMounted } from 'vue'
import { watch, onMounted, nextTick } from 'vue'
import amoledswitch from './amoledswitch.vue'
const colorScales = [
@ -91,13 +91,19 @@ const updateThemeColor = (colorName: ColorNames, amoledEnabled: boolean) => {
`
}
onMounted(() => {
if (isAmoledMode.value) {
document.documentElement.classList.add('theme-amoled')
}
onMounted(async () => {
// Wait for next tick to ensure DOM is ready
await nextTick()
// Re-apply the theme to ensure everything is initialized
updateThemeColor(selectedColor.value, isAmoledMode.value)
// Small delay to ensure VitePress dark mode is initialized
setTimeout(() => {
if (isAmoledMode.value) {
document.documentElement.classList.add('theme-amoled')
}
// Force re-apply the theme
updateThemeColor(selectedColor.value, isAmoledMode.value)
}, 100)
})
watch([selectedColor, isAmoledMode], ([color, amoled]) => {