brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

getThemeType hook returns the resolved theme now

Browse source
This commit is contained in:
Carter 2025-04-15 14:05:08 -06:00
parent 4ff7609493
commit 8b6828ecce
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/theme/themeType.ts
View file

@ -1,8 +1,12 @@
import { useThemeMode } from "./AppThemeProvider";
export type ThemeType = "light" | "dark" | "system"; export type ThemeType = "light" | "dark" | "system";
export function getThemeType(): ThemeType { export function getThemeType(): ThemeType {
let theme = localStorage.getItem("theme"); const themeMode = useThemeMode()
return theme === "light" ? "light" : "dark"; // return localStorage.getItem("theme");
// return theme === "light" ? "light" : "dark";
return themeMode.resolvedMode
} }
export function setThemeType(theme: ThemeType) { export function setThemeType(theme: ThemeType) {
@ -10,6 +14,8 @@ export function setThemeType(theme: ThemeType) {
} }
export function getThemeMode(): ThemeType { export function getThemeMode(): ThemeType {
let theme = localStorage.getItem("theme"); const themeMode = useThemeMode()
return theme === "light" ? "light" : "dark"; // return localStorage.getItem("theme");
// return theme === "light" ? "light" : "dark";
return themeMode.resolvedMode
} }