如何在反应中默认启用顺风黑暗模式？

Question

例如，如果新用户是第一次访问该站点，则应使用 darkMode: 'class' 选项默认启用深色模式。

Answer 1

你走在正确的轨道上。设置 darkMode: 'class' 后，您需要将 class="dark" 应用到要应用深色模式的元素。

https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually

Answer 2

此 link 的完整解决方案： https://en.taishikato.com/posts/how-to-implement-dark-mode-with-tailwind-css

@media (prefers-color-scheme: dark) {
  .dark\:container {
    width: 100%;
  }

  @media (min-width: 640px) {
    .dark\:container {
      max-width: 640px;
    }
  }
  .
  .

import React from 'react';
import './tailwind.css';

function App() {
  return (
    <div className="App dark:bg-black dark:text-white">

如何在反应中默认启用顺风黑暗模式？

How can I make the tailwind dark mode enabled by default in react?

reactjs

tailwind-css