preline/src/plugins/theme-switch/auto.ts

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

import HSThemeSwitch from './core';

window.addEventListener('load', () => {
	HSThemeSwitch.autoInit();
});

if (window.$hsThemeSwitchCollection) {
	window.addEventListener(
		'on-hs-appearance-change',
		(evt: Event & { detail: string }) => {
			window.$hsThemeSwitchCollection.forEach((el) => {
				(el.element.el as HTMLInputElement).checked = evt.detail === 'dark';
			});
		},
	);
}

if (typeof window !== 'undefined') {
	window.HSThemeSwitch = HSThemeSwitch;
}