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

Question not answered above? Contact us