我正在使用纱线工作区使用monorePo架构，其中尾风CSS是项目的根源。在其中一个工作空间中，我正在使用React，并且在其样式中添加了Tailwind Utilities。 Tailwind在该项目中正常工作

问题描述 投票：0回答：1
darkMode: 'class'

，并将上下文包装器制作了一个class ='dark'to html root，更改主题

<html class='dark'
    设置了the设置，但却不正常。
  1. 我的文件夹结构
  2. dark:bg-black
    我的tailwind.config.js
    Project
 |    
 +-- packages
 |  |  
 |  \-- react-project-1
 |  |   |
 |  |   +--app.js
 |  |   +--app.css
 |  |  
 |  \-- react-project-2
 |    
 +-- tailwind.config.js
    任何想法？
        
    直接在下面添加颜色对象
    3. module.exports = {
  mode: 'jit',
  purge: [
    './packages/react-project-1/src/**/*.{js,ts,jsx,tsx}',
    './packages/react-project-2/src/**/*.{js,ts,jsx,tsx}',
  ],
  darkMode: 'class', 
  theme: {
    colors: {
      orange: '#E05507',
    },
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
};


将用您指定的颜色代替默认的颜色集。如果要在集合中添加颜色或覆盖单默认颜色，则应将它们放在
theme
部分中。这也可能解决您的黑暗模式问题。

theme: { extend: { colors: { ... } } }

请参见：
https：//tailwindcss.com/docs/customising-colors#adding-additional-colors
此外，还使用较旧版本的尾风吗？最新的v3不再需要
  theme: {
    extend: {
      colors: {
        orange: '#E05507',
      },
    },
  },

，而不是使用


javascript

reactjs

next.js

tailwind-css

darkmode


1个回答




    
    
    

        

            

                

                    
2
投票

                    
                

            

        

        
而不是
content:
（
https：//tailwindcss.com/docs/upgrade-guide#configure-content-sources
）。
    




I已将
purge:
和tailwind.config.js文件移入了React应用程序中，而不是将其保持在root并重新启动服务器。然后解决了darkmode和颜色问题

    


仅适用于4个用户的注释，tailwind.config.js不再适用。请参阅源文件中的
检索类的“明确注册来源”部分。
    

	



    

    


  

  

    
最新问题


  





  

    © www.soinside.com 2019 - 2025. All rights reserved.