speedclimbing/website

import { browser } from '$app/environment';
import { writable } from 'svelte/store';

const prefersDarkModeStore = () => {
    const dark = browser ? window.matchMedia('(prefers-color-scheme: dark)').matches : false;

    const { subscribe, set } = writable(dark);

    if (browser) {
        window
            .matchMedia('(prefers-color-scheme: dark)')
            .addEventListener('change', (event: MediaQueryListEvent) => {
                set(event.matches);
            });
    }
    return { subscribe };
};

export const prefersDarkMode = prefersDarkModeStore();