Rocky
971b7e26c6
Adopt Web Awesome for consistent accessible controls while aligning production ASR, App Attest, and runtime dependency safeguards.
16 lines
702 B
TypeScript
16 lines
702 B
TypeScript
import "@awesome.me/webawesome/dist/styles/webawesome.css";
|
|
import "@awesome.me/webawesome/dist/components/button/button.js";
|
|
import "@awesome.me/webawesome/dist/components/callout/callout.js";
|
|
import "@awesome.me/webawesome/dist/components/input/input.js";
|
|
import "@awesome.me/webawesome/dist/components/spinner/spinner.js";
|
|
|
|
const darkMode = window.matchMedia("(prefers-color-scheme: dark)");
|
|
|
|
function syncColorScheme(event: MediaQueryList | MediaQueryListEvent): void {
|
|
document.documentElement.classList.toggle("wa-dark", event.matches);
|
|
document.documentElement.classList.toggle("wa-light", !event.matches);
|
|
}
|
|
|
|
syncColorScheme(darkMode);
|
|
darkMode.addEventListener("change", syncColorScheme);
|