> For the complete documentation index, see [llms.txt](https://docs.vueless.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vueless.com/global-customization/dark-mode.md). # Dark mode You can set the dark mode globally for all Vueless components. {% code title="vueless.config.{js,ts}" %} ```js export default { colorMode: "dark", /* default -> auto */ }; ``` {% endcode %} ### Possible color mode values: * `dark`: Enables dark mode. Adds the class `vl-dark` to the `` tag. * `light`: Disables dark mode. Adds the class `vl-light` to the `` 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 `` tag based on the user’s preference.