Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2024-12-21 16:38:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Emit dark mode update event when system setting changes (#881)

Browse Source
This commit is contained in:
Evan Simkowitz 2024-09-26 19:02:23 -07:00 committed by GitHub
parent 061949354c
commit 11d09f1740
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.storybook/custom-addons/theme/register.ts
View File

@ -1,15 +1,18 @@
import { FORCE_RE_RENDER } from "@storybook/core-events";
import { addons } from "@storybook/manager-api";
import { UPDATE_DARK_MODE_EVENT_NAME } from "storybook-dark-mode";
import { dark, light } from "../../theme";
addons.register("theme-switcher", (api) => {
const query = window.matchMedia("(prefers-color-scheme: dark)");
const channel = addons.getChannel();
const update = () => {
const theme = query.matches ? dark : light;
api.setOptions({ theme });
addons.getChannel().emit(FORCE_RE_RENDER);
channel.emit(FORCE_RE_RENDER);
channel.emit(UPDATE_DARK_MODE_EVENT_NAME);
};
addons.getChannel().on("storiesConfigured", update);
channel.on("storiesConfigured", update);
query.addEventListener("change", update);
});