iptv-org-mirror/iptv-org.github.io
1
0
Fork 0
mirror of https://github.com/iptv-org/iptv-org.github.io.git synced 2025-05-11 17:40:05 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes dark mode toggle

Browse source 
https://github.com/iptv-org/iptv-org.github.io/pull/1550
This commit is contained in:
freearhey 2023-11-15 11:29:02 +03:00
parent e7dfebdd1a
commit 4477d214a9
2 changed files with 15 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/ToggleModeButton.svelte
View file

@ -4,8 +4,11 @@
let dark = false
function toggleDarkMode() {
let mode = localStorage.theme || 'light'
if (mode === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
const prefersColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches
? 'dark'
: 'light'
const mode = localStorage.theme || prefersColorScheme
if (mode === 'dark') {
dark = false
document.documentElement.classList.remove('dark')
localStorage.theme = 'light'
@ -17,8 +20,11 @@
}
onMount(() => {
let mode = localStorage.theme || 'light'
if (mode === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
const prefersColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches
? 'dark'
: 'light'
const mode = localStorage.theme || prefersColorScheme
if (mode === 'dark') {
dark = true
} else {
dark = false

9
src/pages/+layout.svelte
View file

@ -5,13 +5,14 @@
<svelte:head>
<script>
if (document) {
let mode = localStorage.theme || 'light'
if (mode === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
const prefersColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches
? 'dark'
: 'light'
const mode = localStorage.theme || prefersColorScheme
if (mode === 'dark') {
document.documentElement.classList.add('dark')
localStorage.theme = 'dark'
} else {
document.documentElement.classList.remove('dark')
localStorage.theme = 'light'
}
}
</script>