例如,如果新用戶第一次訪問該站點,則默認情況下應使用該darkMode: 'class' 選項啟用暗模式。
uj5u.com熱心網友回復:
你在正確的軌道上。設定后darkMode: 'class',您需要將 應用于要應用暗模式的元素。
https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually
uj5u.com熱心網友回復:
此鏈接上的完整解決方案: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">
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/395214.html
下一篇:UseContext找不到變數?
