How to customize colors

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

Tips

• 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).

Tools

• Color from image tool
• Find a gradient of your primary color
• Color Contrast Checker (WebAIM)

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)

Related

• Color, web accessibility and government websites
• Customize help