Branding Overview
Administrators may declare a color palette for their institution and associate colors with UI elements in their portal's style. Multiple brands may be declared with distinct palettes and associations.
In this Article
Create a Branding Config
User Options > Admin Center > Branding
1. Select + Add Branding Config.
2. Input a Config Name.
3. Select which Branding Config to Copy from.
4. Select Save.

Edit a Branding Config
User Options > Admin Center > Branding > Settings
1. In Settings, Upload a Logo for both light and dark backgrounds.
The Logo appears in your top left corner in the Portal.
2. Edit your Header Logo.
The Header Logo settings allow you to select which logo appears in light mode and dark mode.
3. Upload a Favicon.
The Favicon is the icon on your browser tab.
4. Upload all Banner Images.
5. Select Save Changes.
6. Move to the Palette tab.
7. Select + Add Palette Color.
8. Choose your Color.
9. Name your Color.
10. Add your Palette Color.

11. Move to the Component tab.
12. Select Edit for a Component.
13. Choose the Palette Color.
Select + Add new palette color if the color you need is not already in your palette.
14. Adjust the Lightness offset appropriately.
The Lightness offset enables you to modify another color for states such as hovering.
15. Select Save.

Select the Light Mode dropdown to adjust components appropriately for Dark Mode.
Activate a Branding Config
User Options > Admin Center > Branding
1. Turn on the Active toggle.
2. Select Save Changes.
Only one Branding Config can be active at one time.
As you configure your components, your choices also apply to the style sheet which is used by default when you author DIY Widgets in Flow.
Comments
0 comments
Please sign in to leave a comment.