Function runColorSchemeChangeDetector

src/utils/media-query.ts:10–22

(callback: (isDark: boolean) => void)

const listeners = new Set<(isDark: boolean) => void>();

export function runColorSchemeChangeDetector(callback: (isDark: boolean) => void): void {
    listeners.add(callback);
    if (query) {
        return;
    }
    query = matchMedia('(prefers-color-scheme: dark)');
    if (isMatchMediaChangeEventListenerSupported) {
        // MediaQueryList change event is not cancellable and does not bubble
        query.addEventListener('change', onChange);
    } else {
        query.addListener(onChange);
    }
}

export function stopColorSchemeChangeDetector(): void {
    if (!query || !onChange) {