refansa/refansa.my.id
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: theme switch on system theme

Browse Source
This commit is contained in:
Refansa 2024-08-03 11:52:59 +07:00
parent f4b3fb54a9
commit 5c9bc7d6d7
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/theme-switch.tsx
View File

@ -25,7 +25,7 @@ export function ThemeSwitch({
}: Props) { }: Props) {
let REACT_TOGGLE_DARK_MODE_GLOBAL_ID = starterId let REACT_TOGGLE_DARK_MODE_GLOBAL_ID = starterId
const { theme, setTheme } = useTheme() const { theme, systemTheme, setTheme } = useTheme()
const [id, setId] = useState(REACT_TOGGLE_DARK_MODE_GLOBAL_ID) const [id, setId] = useState(REACT_TOGGLE_DARK_MODE_GLOBAL_ID)
@ -34,6 +34,13 @@ export function ThemeSwitch({
setId(REACT_TOGGLE_DARK_MODE_GLOBAL_ID) setId(REACT_TOGGLE_DARK_MODE_GLOBAL_ID)
}, [setId]) }, [setId])
useEffect(() => {
// If the theme is currently using system theme, set the theme according to the system theme value.
if (theme === 'system') {
setTheme(systemTheme as 'dark' | 'light')
}
}, [])
const properties = { const properties = {
circle: { circle: {
r: theme === 'dark' ? 9 : 5, r: theme === 'dark' ? 9 : 5,