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

background change when selecting another theme

Browse source
This commit is contained in:
Samidy 2025-10-04 11:50:17 +03:00
parent 537a5f0635
commit 5b46371356
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -132,16 +132,16 @@ const updateThemeColor = (colorName: ColorNames) => {
const htmlElement = document.documentElement
if (colorName === 'halloween') {
htmlElement.setAttribute('data-halloween-theme', 'true')
htmlElement.classList.add('theme-halloween')
} else {
htmlElement.removeAttribute('data-halloween-theme')
htmlElement.classList.remove('theme-halloween')
}
}
// Set Halloween theme ASAP if its the pref
const storedTheme = localStorage.getItem('preferred-color')
if (!storedTheme || storedTheme === '"halloween"') {
document.documentElement.setAttribute('data-halloween-theme', 'true')
document.documentElement.classList.add('theme-halloween')
}
// Initialize theme color
@ -150,7 +150,7 @@ updateThemeColor(selectedColor.value)
// halloween stuff
onMounted(() => {
if (selectedColor.value === 'halloween') {
document.documentElement.setAttribute('data-halloween-theme', 'true')
document.documentElement.classList.add('theme-halloween')
}
// Re-apply the theme to ensure everything is initialized
updateThemeColor(selectedColor.value)