Customizing your header and accent background to match your brand colors is super simple. Please just follow these steps:
Β
In dashboard:
- Navigate to
Settings
page
- Click on
Look & Data
- Toggle the
Header Style
section
- Pick your header and accent colors
- Hit the
Save
button
Β
π½ Video Instruction:
![Notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F18ef7b46-83ff-422c-8040-f2b61c890a1c%2Fbackground_accent_color_2x.gif?table=block&id=f65c11f1-9742-461d-b511-be40ee99197b&cache=v2)
Β
Where is the background color displayed?
Your background color gets displayed on your HelpKit website as well as your widget.
![Notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ffd2d18ac-c295-44a9-8fa1-4f4875647748%2FScreenshot_2021-09-08_at_19.26.57.png?table=block&id=2f60def3-0f3e-4b32-b7bf-edf9c99d61a7&cache=v2)
![The background color is displayed on your widget as well as your Helpkit website](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F87ac5ede-3bf4-4a80-a71f-51839f1ca365%2FScreenshot_2021-09-08_at_19.23.39_copy.png?table=block&id=c4d65448-a8e5-4b80-88a2-fea1581ea6ec&cache=v2)
Where is the accent color displayed?
The accent color is used for the left border on your article cards as well as the text color of your article links.
![Notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc4087c77-725d-4ecb-9915-e8f4dfe107ad%2FScreenshot_2021-09-08_at_19.28.39.png?table=block&id=97cee9af-4c3c-47a5-bcc3-2bd3d63179ed&cache=v2)
![Notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff34b8e2e-edae-40db-ba44-7b598f8673eb%2FScreenshot_2021-09-08_at_19.31.14.png?table=block&id=feb5fc2a-4725-42bd-9238-3c211189a903&cache=v2)
Β