aria/FMHY-Website
1
0
Fork 0
mirror of https://github.com/fmhy/edit.git synced 2026-01-12 06:51:12 +11:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix for preset themes not saving (#4465)

Browse source 
* shitty (probably not working) fix for preset themes

* tf

* i saved theme data locally fuck

* 99% chance this wont work

* make default christmas
This commit is contained in:
Samidy 2025-12-20 14:39:41 -08:00 • committed by GitHub
parent 09e43b4954
commit 968a775e7b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8,7 +8,7 @@ import type { Theme } from '../themes/types'
import Switch from './Switch.vue' import Switch from './Switch.vue'
type ColorNames = keyof typeof colors type ColorNames = keyof typeof colors
const selectedColor = useStorage<ColorNames>('preferred-color', 'swarm') const selectedColor = useStorage<ColorNames>('preferred-color', 'christmas')
// Use the theme system // Use the theme system
const { amoledEnabled, setAmoledEnabled, setTheme, state, mode, themeName } = useTheme() const { amoledEnabled, setAmoledEnabled, setTheme, state, mode, themeName } = useTheme()
@ -196,7 +196,13 @@ const normalizeColorName = (colorName: string) =>
colorName.slice(1).replaceAll(/-/g, ' ') colorName.slice(1).replaceAll(/-/g, ' ')
onMounted(async () => { onMounted(async () => {
// Don't auto-apply color theme - only apply when user explicitly selects // apply saved theme on load
if (selectedColor.value) {
const theme = generateThemeFromColor(selectedColor.value)
themeRegistry[`color-${selectedColor.value}`] = theme
await nextTick()
setTheme(`color-${selectedColor.value}`)
}
// Wait for next tick to ensure theme handler is fully initialized // Wait for next tick to ensure theme handler is fully initialized
await nextTick() await nextTick()
}) })

6
docs/.vitepress/theme/themes/themeHandler.ts
View file

@ -21,6 +21,7 @@ import { themeRegistry } from './configs'
const STORAGE_KEY_THEME = 'vitepress-theme-name' const STORAGE_KEY_THEME = 'vitepress-theme-name'
const STORAGE_KEY_MODE = 'vitepress-display-mode' const STORAGE_KEY_MODE = 'vitepress-display-mode'
const STORAGE_KEY_AMOLED = 'vitepress-amoled-enabled' const STORAGE_KEY_AMOLED = 'vitepress-amoled-enabled'
const STORAGE_KEY_THEME_DATA = 'vitepress-theme-data'
export class ThemeHandler { export class ThemeHandler {
private state = ref<ThemeState>({ private state = ref<ThemeState>({
@ -42,7 +43,6 @@ export class ThemeHandler {
const savedMode = localStorage.getItem(STORAGE_KEY_MODE) as DisplayMode | null const savedMode = localStorage.getItem(STORAGE_KEY_MODE) as DisplayMode | null
const savedAmoled = localStorage.getItem(STORAGE_KEY_AMOLED) === 'true' const savedAmoled = localStorage.getItem(STORAGE_KEY_AMOLED) === 'true'
// Set theme
if (themeRegistry[savedTheme]) { if (themeRegistry[savedTheme]) {
this.state.value.currentTheme = savedTheme this.state.value.currentTheme = savedTheme
this.state.value.theme = themeRegistry[savedTheme] this.state.value.theme = themeRegistry[savedTheme]
@ -74,7 +74,7 @@ export class ThemeHandler {
}) })
} }
private applyTheme() { public applyTheme() {
if (typeof document === 'undefined') return if (typeof document === 'undefined') return
const { currentMode, theme } = this.state.value const { currentMode, theme } = this.state.value
@ -390,4 +390,4 @@ export function useTheme() {
toggleAmoled: () => handler.toggleAmoled(), toggleAmoled: () => handler.toggleAmoled(),
state state
} }
} }