store/resources/js/composables/useAppearance.ts

18 lines
436 B
TypeScript

import type { AppearanceMode } from '@/types/settings';
export function applyAppearance(mode: AppearanceMode): void {
const root = document.documentElement;
root.classList.remove('dark');
if (mode === 'dark' || (mode === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
root.classList.add('dark');
}
}
export function useAppearance() {
return {
applyAppearance,
};
}