日本語

Dark Mode

Nuxt UI template and Nuxt UI color-mode behavior.

Dark Mode

Built in to Nuxt UI. Use the sun/moon control in the header. The color-mode integration follows the system preference initially and stores an explicit choice.

This custom panel uses Nuxt UI design tokens, so its border, text, and background adapt to both light and dark modes.

The local CSS adds comparison-specific classes without replacing Nuxt UI's theme.