Breaking News: Grepper is joining You.com. Read the official announcement!

force darkmode on tailwindcss

Add Answer

Clean Caribou answered on May 1, 2022 Popularity 6/10 Helpfulness 4/10

answer force darkmode on tailwindcss

related Setting darkmode using Tailwind

force darkmode on tailwindcss

Comment

in tailwind.config.js

module.exports = {
  darkMode: 'class',
  // ...
}

<html className="dark">
<body>
  <!-- Will be black -->
  <div className="bg-white dark:bg-black">
    <!-- ... -->
  </div>
</body>
</html>

Popularity 6/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: darkmode tailwind-css whatever

Link to this answer
Share Copy Link

Contributed on Jun 15 2023

Clean Caribou

0 Answers Avg Quality 2/10

Closely Related Answers

Setting darkmode using Tailwind

Comment

-1

<script>
    // On page load or when changing themes, best to add inline in `head` to avoid FOUC
    if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
        document.documentElement.classList.add('dark');
    } else {
        document.documentElement.classList.remove('dark')
    }
</script>

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: flowbite.com

Tags: darkmode darkmod

Link to this answer
Share Copy Link

Contributed on May 01 2022

Kenny

0 Answers Avg Quality 2/10

force darkmode on tailwindcss

Contents

More Related Answers

force darkmode on tailwindcss

Closely Related Answers

Setting darkmode using Tailwind

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.