@cn-ui/core/src/utils/darkMode.ts

The @cn-ui/core is a collection of UI components and utilities for building modern web applications with SolidJS.

// 自动添加 dark 属性到 html 标签上
import { toggleTheme } from "./toggleTheme";

/** 自动根据系统配色触发主题切换 */
export const autoChangeTheme = () => {
    const query = window?.matchMedia("(prefers-color-scheme: dark)");
    toggleTheme({}, !!query.matches);
    query?.addEventListener("change", (e) => {
        toggleTheme({}, !!e.matches);
    });
};