fix: load stored theme before rendering

This commit is contained in:
saicaca
2024-04-29 12:52:50 +08:00
parent 163ed17ae6
commit 8ce1c7ab6e
4 changed files with 28 additions and 5 deletions

View File

@@ -1,3 +1,5 @@
import {AUTO_MODE, DARK_MODE, DEFAULT_THEME, LIGHT_MODE} from "@constants/constants.ts";
export function getDefaultHue(): number {
const fallback = '250'
const configCarrier = document.getElementById('config-carrier')
@@ -18,8 +20,6 @@ export function setHue(hue: number): void {
r.style.setProperty('--hue', hue)
}
export const LIGHT_MODE = 'light', DARK_MODE = 'dark', AUTO_MODE = 'auto'
export function setTheme(theme: string): void {
localStorage.setItem('theme', theme)
switch (theme) {
@@ -40,5 +40,5 @@ export function setTheme(theme: string): void {
}
export function getStoredTheme(): string {
return localStorage.getItem('theme') || AUTO_MODE
return localStorage.getItem('theme') || DEFAULT_THEME
}