Dark theme

Tailwind CSS Dark theme

Use responsive dark theme utilities with TW elements. Learn how to easily adapt your elements to the dark theme.

Basic example

Use the dark: prefix to apply dark mode styles to any element in your HTML. For example, dark:text-white will change the font color of an element to white in dark mode.

Light mode

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Dark mode

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

HTML

        
            
        <div class="... bg-white dark:bg-neutral-700">
          <h5 class="... text-neutral-800 dark:text-neutral-50">...</h5>
          <p class="... text-neutral-600 dark:text-neutral-200">...</p>
          ...
        </div>

Dark theme

Tailwind CSS Dark theme

Basic example

Card title

Card title

Access restricted

To view this section you must have an active PRO account

Dark theme

Tailwind CSS Dark theme

Basic example

Card title

Card title

Related resources