Dark Mode

TailUI supports dark mode via data-theme="dark" on any parent element. No component changes needed.

<body data-theme="dark">
<!-- All TailUI components automatically adapt -->
</body>
ui.card.css
/* In your ui.card.css */
[data-theme="dark"] .ui-card {
@apply bg-gray-900 text-white border-gray-700;
}