Tailwindcss dark text color 기본값 지정

1 개요[ | ]

Tailwindcss dark text color 기본값 지정

@layer base {
  *,
  ::before,
  ::after {
    @apply dark:text-white;
  }
}

<div class="w-screen h-screen p-8 dark:bg-black">

<div>hello</div>
<div>world</div>

<br /><br /><br /><button onclick="document.documentElement.classList.toggle('dark')" class="bg-gray-300">dark</button>
<script src="https://cdn.tailwindcss.com"></script><script>tailwind.config={darkMode:'class'}</script>
<style type="text/tailwindcss">
@layer base {*, ::before, ::after {@apply dark:text-white;}}
</style>

2 같이 보기[ | ]