Preset Troubleshooting: The Background Color in Customizer Doesn’t Match the Preview

The default color in presets is black, #000000. If the theme uses that color in a particular spot, then no color is set. The three themes that use #000000 for one or more backgrounds are Premier, Dusk, and Midnight.

Having no color set can lead to a surprise in Customizer. For example, suppose you choose the Bold preset, for which the header background is blue:

Screenshot of the Bold preset.

Then you switch to the Midnight preset, for which the header background is black #000000. In Customize > Header > Header Style, the background color still displays as blue!

Screenshot of the Midnight preset with a blue background.

But you can see in the preview that the header background is black, and if you look more closely, you can see that in spite of the blue color, there actually is no color set, as you can see when you click Select Color.

Screenshot of the Select Color menu.

The preview is correct – the header background will be rendered black, or you can set a different custom color.