# TailwindCSS Dark Mode

By default, tailwindcss-dark-mode, opens in a new window uses the .mode-dark selector for dark mode.

It is possible to changing the Selector, opens in a new window in "tailwindcss-dark-mode" plug-in, however, you can also adjust the class using the className prop to generate the class compatible with the plugin.


<DarkMode className="mode-%cm">
  <template v-slot="{ mode }">
    Color mode: {{ mode }}


<!DOCTYPE html>
<html lang="en" class="mode-dark">
  <meta charset="UTF-8">