How to customize colors

Posted on April 29, 2019

Color customizer

Customizing colors on your ProudCity-powered government website is easy.


  • Be sure to account for accessibility (Color, web accessibility and government websites).
  • For your secondary color, use a gradient of your primary color (see ‘Tools’ section below).
  • If you cannot find a good alternative secondary color, default to black (#000000).


Customize your colors

Select ‘Customize’ in the left navigation of the ProudCity Dashboard.

  1. Select the ‘Colors’ option in the customization tool.
  2. Select color preferences for the following:
    • Top bar
    • Link
    • Primary
    • Secondary
    • Footer actions bar
    • Footer background
    • Background
  3. Select the ‘Publish’ button to save settings.
  4. Test for accessibility (Web Accessibility Evaluation Tool)


Close window