ComponentsGitHubWebsite

Dark mode

You can set the dark mode globally for all Vueless components.

vueless.config.{js,ts}
export default {
  colorMode: "dark", /* default -> auto */
}

Possible color mode values:

  • dark: Enables dark mode. Adds the class vl-dark to the <html> tag.

  • light: Disables dark mode. Adds the class vl-light to the <html> tag.

  • auto (default): Adapts to the user’s system settings for dark mode. Automatically adds the appropriate class (vl-dark or vl-light) to the <html> tag based on the user’s preference.

Last updated