As an event organizer, you can customize the background colors of the navigation bar in Brella's apps to better fit the event's branding. The navigation colors can be linked to the overall color theme, or customized independently.
This setup will be visible in events where organizers actively select either the “Smart” or “Custom” nav bar themes.
How to use (steps)
Navigate to
Click on the event
Click "Customization"
Navigate to "Branding (Web)"
Set your Navigation bar color theme
Select the "Nav bar background color" from the drop-down
Select the "Nav bar highlight color" from the drop-down
Select the "Top bar color" from the drop-down
Click "Save"
Once you land on the navigation bar, you will see 3 different options:
Default
this nav bar theme has default Bella's color settings. No setup steps are required here if you would like to go with this.
Smart
Click on Smart theme from the nav bar selection
Choose if you would like to go with a Primary or Secondary color setup. These setup colors are retrieved from the tags, buttons, and link color setup you did initially at the top.
Choose if you would like to go with a Dark or Light theme for your event.
You can check the preview on the right side next to the setup view.
You can also see the overall result on next.brella.io
Custom
Click on Custom Theme from the nav bar selection.
Set up separate colors for all Brella navigation, independent of the color theme used for the rest of the app.
You can enter all brand colors into the dedicated placeholders that will translate your brand image and feel to the audience. Ask your design or marketing team to share the right colors with you to make the UI more branded and user-friendly.
You can check the preview on the right side next to the setup view.
You can also see the overall result on next.brella.io
Note: This customization feature will be available on the web app (next.brella.io) only. This will be added to mobile apps later.