Skip to content

Configure Color Settings

User roles

Drupal administrator, Mukurtu manager

Mukurtu includes two stock color palettes: Blue and Gold and Red and Bone. There is also an experimental palette customizer that allows you to configure custom colors. You can configure your color palette settings in the Dashboard by navigating to Look and Feel and selecting the Color settings link.

Screenshot of the dashboard with the color settings link highlighted.

Select preconfigured colors

  1. Select the radio button to the left of the Blue Gold or Red Bone palette.

    Screenshot of the blue gold, red bone, and custom palette options with the blue gold palette selected.

  2. Select the "Save" button to apply your color palette site-wide.

    Screenshot of the edit config page design settings with the save button highlighted.

Configure the custom palette

Please note, this is an experimental tool. Our stock palettes are selected to meet accessibility requirements and custom color selection is not covered by our tests. For more control over the colors, consider implementing a subtheme.

  1. Select the Custom radio button.

    Screenshot of the custom radio button selected.

  2. Select the color selector for the colors you want to edit.

    Screenshot of the color selector button for the Brand Primary color highlighted with the Color module to the right.

  3. Use the Color modal to select the color you want to apply. You can select from basic colors or add custom colors.

  4. Select a basic color using the Basic Colors section of the modal.
  5. To select a custom color, use the color selector on the right-hand side of the modal. You can use the HSL (Hue Sat Lum) or the RGB (Red Green Blue) fields to specify colors.

    • To save a custom color, select a blank Custom colors box before you input your custom color on the right. Select "Add to Custom Colors" to add the color to your custom colors.

    Screenshot of the color modal with the add to custom colors button highlighted.

  6. Select the "Ok" button to apply your chosen color to your custom palette.

    Screenshot of the color modal with the ok button highlighted.

  7. Select the "Save" button to apply your color palette site-wide.

    Screenshot of the edit config page design settings with the save button highlighted.