src/utils/get-default-color-mode.ts
const getDefaultColorMode = (): "dark" | "light" => {
if (typeof window === "undefined") {
return "light";
}
const mql = window.matchMedia("(prefers-color-scheme: dark)");
const hasMediaQueryPreference = typeof mql.matches !== "undefined";
if (hasMediaQueryPreference) {
return mql.matches ? "dark" : "light";
}
return "light";
};
export default getDefaultColorMode;