The color customizer menu under Appearance.
Fig. 1 This is the Customize Colors menu under Appearance – Customize.
Fig. 2 This is an example of how you assign colors. Here the Content Area is displayed. Notice the grayed out circles.
Fig. 3 When you choose a color only the CSS name is displayed. Here the Link Hover behavior is being given the CSS color brick-red.

Global Colors Assignment Settings

The settings for the Global Colors are on another sheet, here. 

This list is found under Appearance – Customize – Colors. It is the settings area where Global Colors are used to set the default colors for different elements in the site. See Figure 1.

You will note that not all sections have a Global Color set on this site. These are not filled in for various reasons. Sometimes because those colors are always set locally. Others are not set, because these sections are not used on the site.

If the circle next to an element is basically grayed out, this means there is not special color for this element, it will inherit the appropriate color from another element. See Figure 2.

Note: We have included the # hex rgb numbers here. But when you choose a color in these settings menus, you will only see the CSS name displayed, such as background, brick red, text, etc. See Figure 3.

These are the elements and their color settings as of May 2023.

Body

  • Background — #F5F2EA – background
  • Text — #000000 – text                                   
  • Link — #000000 – text and #8D440C – brick red (hover)

Top Bar

We don’t set the Top Bar here. This is the ochre stripe at the top of pages, which is a hook element.

Background

  • Text [Not set.]
  • Link [Not set.]

Header

  • Background — #F5F2EA – background
  • Text — #000000 – text
  • Link — #000000 – text and #8D440C – brick red (hover)
  • Site Title — #000000 – text
  • Tagline — #000000 – text

Primary Navigation

  • Navigation Background — #F5F2EA – background [Hover and Current not set.] 
  • Navigation Text — #000000 – text and #8D440C – brick red (hover) and #015655 ocean-blue (current) 
  • Sub-Menu Background [Not set.]
  • Sub-Menu Text [Not set.]

Secondary Navigation

  • Navigation Background — #F5F2EA – background [Hover and Current not set.] 
  • Navigation Text — #000000 – text and #8D440C – brick red (hover) 
  • Sub-Menu Background [Not set.]
  • Sub-Menu Text [Not set.]

Off Canvas Panel

  • Navigation Background [Not set.]
  • Navigation Text [Not set.]
  • Sub-Menu Background [Not set.]
  • Sub-Menu Text [Not set.]

Buttons

  • Background [Not set.]
  • Text [Not set.]

Content

  • Background — #F5F2EA – background
  • Text — #000000 – text                                   
  • Link — #000000 – text and #8D440C – brick red (hover)
  • Content Title [Not set.]
  • Archive Content Title [Not set.]
  • Entry Meta Text [Not set.]
  • Entry Meta Links [Not set.]
  • Heading 1 (H1) Color [Not set.]
  • Heading 2 (H2) Color [Not set.]
  • Heading 3 (H3) Color [Not set.]
  • Heading 4 (H4) Color [Not set.]
  • Heading 5 (H5) Color [Not set.]
  • Heading 6 (H6) Color [Not set.]

Forms

  • Background [Not set.]
  • Text [Not set.]
  • Border [Not set.]

Sidebar Widgets

  • Background [Not set.]
  • Text [Not set.]
  • Link [Not set.]
  • Widget Title [Not set.]

Footer Widgets

  • Background [Not set.]
  • Text [Not set.]
  • Link [Not set.]
  • Widget Title [Not set.]

Footer Bar

  • Background [Not set.]
  • Text [Not set.]
  • Link [Not set.]