How to add a custom dark mode colors

The Dark Mode color palette can be customized from the Site Editor by clicking the Styles icon in the top right of the screen.

  1. Navigate to Appearance > Editor
  2. Click on the Styles button in the top right corner (light/dark circle)
  3. Click Colors
  4. Click Palette
  5. Click the Custom tab
  6. In the Custom section, click the Add ➕ button
  7. Select your colors and then give each color a name beginning with Dark Mode, for example:

    Dark Mode Foreground

  8. Click Done and click Save to save your changes
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us