Managing Site Colors in GivingData

Learn how GivingData site administrators can customize the colors within the database to match their organization's branding.

To access color settings, click the gear icon in the Quick Navigation Bar.

Then click 'Logo & Branding' under System & Setup. 

Theme Colors

Open Theme Colors to update site colors.

Theme colors are set by hexadecimal codes, the six digits seen below. 

Updating Theme Colors 

To customize a theme color, click the yellow manage button next to the color. Copy the appropriate Hexadecimal color code into the field and click Save.

After a few moments, that section of GivingData will update to display the newly selected color.

Title and Subtitles

The Title color is seen on the header titles of Dashboards and standard reports.

The Subtitle color is seen on subtitles of Dashboards and standard reports.

Links

The Link color appears in links, as seen on the landing page, in dashboards, or in the Quick Search modal.

Top Navigation

The Top Navigation color controls the color of the Navigation Bar and the Quick Navigation icons, visible at the top of the screen throughout GivingData

Dark1 and Dark2

The Dark1 color is used for the icons on the home page, tags, and when highlighting text in GivingData.

The Dark2 color is displayed when a user hovers over one of the icons at the top of the Navigation Bar.

Updating Chart Colors 

Chart colors are displayed when looking at charts on Organization Overview pages and Portfolio Summary Charts.

Users may add up to 10 chart colors.  The first color in the list will always be used first in charts, followed by the second, etc.