Tailwindcss dark text color 기본값 지정

1 개요[ | ]

Tailwindcss dark text color 기본값 지정

css

Copy

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

html

Copy

<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>

▶	cdn.tailwindcss.com should not be used in production. To use Tailwind CSS in production, install it as a PostCSS plugin or use the Tailwind CLI: https://tailwindcss.com/docs/installation

2 같이 보기[ | ]