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;
}