Is dark mode broken on the Payload-NextJS setup?

derosul3 years ago

8

• 

  angelok27413 years ago

  Not sure buy maybe we also have to load in the css in withPayload as it accepts a cssConfig aswell

• 

  jarrod_not_jared

  3 years ago

  Are you loading your own css? Is it overwriting payloads css?

• 

  angelok27413 years ago

  For me both light and dark are not working properly, not loading any custom

  
  
  
  
  
• 

  jarrod_not_jared

  3 years ago

  Does the demo load properly for you?

  https://demo.payloadcms.com/admin/account
• 

  angelok27413 years ago

  ye it does

• 

  derosul3 years ago

  Yup!

  
  
  

  Only css im using is tailwind

  
  
  

  So let me try to disable that.

  
  
  

  Yup! it's tailwind!

  
  
  @281120856527077378

  🙂

  
  
  @839912789560000522

  you're using Tailwind as well?

  
  
  

  Okay, managed to fix it. I was trying to make the admin page work for the

  pages

  directory instead of the

  app

  directory. The

  pages

  directory always loads the

  _app.tsx

  file and the stylesheets registered in there.

  
  
  

  Apparently you can use both the

  app

  directory and the

  pages

  directory along each other, so moving the payload pages back to the

  app

  directory seems to work just fine 🙂

• 

  angelok27413 years ago

  Ah yes, i am using tailwind aswell. Created a new nextjs with tailwind flag

• 

  skiabox_680852 years ago

  I am on the same boat guys here.

  
  
  

  Switching the operating system (mac os) to the dark mode make a lot of page elements disappear.

  
  
  

  How did you manage to solve this?