How to set to light mode by default?

blankeos

5 months ago

1

• 

  svn__

  5 months ago

  I don't think there is an easy way to set the default theme at the moment. Here you can find the main logic:

  https://github.com/payloadcms/payload/blob/master/src/admin/components/utilities/Theme/index.tsx
  
  

  I'd probably bypass this problem using:

  
  
  

  1. Custom provider

  https://payloadcms.com/docs/admin/components#custom-providers
  

  2. useTheme hook which you can import like that:

  import { useTheme } from 'payload/dist/admin/components/utilities/Theme';
  
  

  You should be able to set the theme in useEffect using

  setTheme

  function. It's my first idea and maybe there is a better way. If you will go with this solution remember to call

  setTheme

  only once (to allow users to change theme in dashboard settings,

  Automatic

  can be problematic and may require additional flag in localStorage)