react-system-theme/dist/react-system-theme.cjs.production.min.js

Use system theme in your react apps.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,r=function(){var e=window.matchMedia("(prefers-color-scheme: dark)"),r=t.useState(e.matches),n=r[0],u=r[1],s=function(e){u(e.matches)};return t.useEffect((function(){return e.addEventListener("change",s),function(){return e.removeEventListener("change",s)}}),[]),n?"dark":"light"};exports.useDarkTheme=function(){return t.useState("dark"===r())[0]},exports.useLightTheme=function(){return t.useState("light"===r())[0]},exports.useSystemTheme=r;
//# sourceMappingURL=react-system-theme.cjs.production.min.js.map