@orochibraru/ui

System, light and dark as radio cards.

Theme

System Follows your device: light or dark as it switches. Light Always light, whatever the device says. Dark Always dark, easier on the eyes at night.

Usage

Example.svelte

<script lang="ts">
	import { toast } from "svelte-sonner";

	import ThemePicker from "@orochibraru/ui/blocks/theme-picker";
</script>

<ThemePicker onchange={(theme) => toast(`Theme: ${theme}.`)} />