# How do I adjust the Goal Chart colors?

> Source: https://support.associationsphere.com/how-do-i-adjust-the-goal-chart-colors  |  Updated: 2024-08-25T18:15:53Z

If you have activated a goal chart in the **Workspace > Events > Event Pages**, Event Settings tab, Page Content & Display Options section, you can make some minor adjustments to the colors on the display.

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/adfc9b4ce15a4baea9ef1cc2ddbd5590.png" width="1920" height="680" />

To edit the colors, go to the Style Event Page tab, the following settings apply to the goal chart as follows:

Body

Background color - background color of the chart area

Border color - outline of the thermometer, or overall donut

Header

Background color - progress inside the thermometer or donut, and amount raised

Label

Answer Text color - Goal Chart Title and goal amount

**NOTE:** The Style Event Page must be saved in order to see the goal chart update(s).

***Examples***

**Thermometer**

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/0374f994a7bd4f1fb1d7e36411f4e834.png" width="1920" height="821" />

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/2e5e66d991004d819cdca42ae4a7a261.png" width="1920" height="830" />

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/ef3d293120104de8b790ba5c5eafc97b.png" width="1920" height="872" />

**Donut**

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/74eb51c8d04f48de930cf07d480338cc.png" width="1920" height="826" />

Note that on the donut view it is especially important that the progress (Header) and goal colors (body) are different so that you can see the progress. If the colors are the same, the donut will not show any progress.

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/f9bf820bc48848b79bffde96617ba486.png" width="1920" height="832" />

**Bar Chart**

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/557b8d3d8ee3472c914b7e6b7fdbc004.png" width="1922" height="833" />