@intility/bifrost-react
Version:
React library for Intility's design system, Bifrost.
16 lines (15 loc) • 566 B
JavaScript
"use client";
import useMediaQuery from "./useMediaQuery.js";
/**
* Uses CSS media query to find the users `prefers-color-scheme`. Returns
* `"light"` or `"dark"` when running client-side, but falls back to
* `undefined` when server-side-rendering.
*/ const usePrefersColorMode = ()=>{
const currentlyLightMode = useMediaQuery("(prefers-color-scheme: light)");
// ssr or no way of knowing
if (currentlyLightMode === undefined) {
return undefined;
}
return currentlyLightMode ? "light" : "dark";
};
export default usePrefersColorMode;