Dark mode

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

vueless.config.{js,ts}

export default {
  colorMode: "dark", /* default -> auto */
}

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 3 months ago