Skip to content

Using Dark Mode in Arden

Use Arden’s light/dark appearance toggle and customize both palettes without editing the theme code.

Arden includes a light/dark appearance toggle in the header.

How the visitor experience works

If a visitor has not made a choice yet, Arden follows the device’s preferred appearance. When the visitor chooses light or dark mode, the theme remembers that choice while they continue browsing.

Customize dark colors

  1. Go to Theme → Customize → Advanced.
  2. Switch the preview to dark appearance.
  3. Edit Dark appearance and any dark component colors you need.
  4. Save.

Check embedded Blogger elements

Blogger controls some embedded interface elements. In particular, the comment editor may remain light even when Arden is in dark appearance.