Theming

Basic usage

Download the default CSS and modify it as you like. That’s it.

Tips

Dark mode

The default CSS already includes dark mode settings.
Just use the standard media query:

@media (prefers-color-scheme: dark) {
  :root {
    /* Your dark mode variables here */
  }
}

Nesting themes

CSS variables support nested overrides, so you can switch themes within specific elements.

Japanese theme example link
Kawasaki theme example link