reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 11:41:17 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: theme toggle error

Browse source
This commit is contained in:
radishzzz 2025-01-23 12:46:00 +00:00
parent 60f42bd52a
commit 2f52b38100
2 changed files with 13 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/layouts/Head.astro
View file

@ -95,10 +95,19 @@ const { cdn, commentURL = '', imageHostURL = '', customGoogleAnalyticsURL = '',
<!-- Theme Toggle -->
<script is:inline define:vars={{ defaultMode: themeConfig.color.mode }}>
const systemTheme = matchMedia('(prefers-color-scheme: dark)')
const theme = localStorage.getItem('theme')
?? (systemTheme.matches !== null ? (systemTheme.matches ? 'dark' : 'light') : defaultMode)
function getTheme() {
const storedTheme = localStorage.getItem('theme')
if (storedTheme)
return storedTheme
const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches
return systemTheme ? 'dark' : defaultMode
}
function updateTheme() {
const theme = localStorage.getItem('theme') || getTheme()
document.documentElement.classList.toggle('dark', theme === 'dark')
}
updateTheme()
document.addEventListener('astro:after-swap', updateTheme)
</script>
<!-- Google Analytics -->