Files
tome/src/components/Box.svelte
Benjamin Neil bf68dacfc5 feat(theme): add persistent light/dark/system theme toggle
- Add color scheme setting and migration
- Implement theme-aware utility classes and update all major UI components
- for theme compatibility
- Fix unreadable sections in light mode
- Refactor settings page for improved color scheme selection UI
2025-06-12 15:17:56 -06:00

13 lines
415 B
Svelte

<script lang="ts">
import type { SvelteHTMLElements } from 'svelte/elements';
import { twMerge } from 'tailwind-merge';
import Flex from '$components/Flex.svelte';
const { children, class: cls = '', ...rest }: SvelteHTMLElements['div'] = $props();
</script>
<Flex class={twMerge('border-light bg-medium mb-2 rounded-lg border p-4', cls?.toString())} {...rest}>
{@render children?.()}
</Flex>