T templcn/ui

Dark Mode

Toggle dark mode with a class.

The generated CSS uses the same class strategy as templcn/ui. Add dark to the root element to activate dark tokens.

<html class="dark">
  <body>...</body>
</html>
document.documentElement.classList.toggle("dark")