Toolbar Theming and Configuration
Table of Contents
Toolbar & Timeline Navigation Theming
See diagram below of theme keys used to theme Android and Liquid Glass iOS

App Background Colour
Theme Key: app_background_colour
Notes: Same on both iOS and Android and colour value MUST be the same across Android and Liquid Glass.
Toolbar Background Colour
Theme Key: toolbar_background_colour
Notes: Android only. Sets the background colour of the toolbar (behind logo and toolbar top right icons)
Toolbar Icon Colour
Theme Key: toolbar_icon_colour
Notes: Works both on android and liquid glass iOS but you cannot change the background colour of the pill that the icons sit within for liquid glass
Timeline Picker Background Colour
Theme Key: timelinepicker_backgroundColour (android key) and picker_backgroundColour (iOS key)
Notes: On Android this sets the background colour of the timeline picker navigation bar. On iOS it sets the background colour of the unselected pills.
Timeline Picker Font Colour
Theme Key: timelinepicker_font_colour
Notes: Same on both iOS and Android - sets the text colour of unselected items
Timeline Picker Selected Font Colour
Theme Key: timelinepicker_selected_font_colour
Notes: Same on both iOS and Android - sets the text colour of the selected item
Timeline Picker Selected Underline Colour
Theme Key: timelinepicker_tintColour
Notes: Android only. Sets the colour of the underline of the selected item
Timeline Picker Selected Background Colour
Theme Key: picker_selected_background_colour
Notes: iOS only. Sets the background colour of the selected pill
Bolt toolbars are designed to provide a consistent experience in your app. As of Bolt 4.2 we have added more flexibility to what you can show.
Toolbar icons
When in tabs, previously you could add one trailing toolbar icon to toolbars in your app. We have now added the ability to add two. They can be the same, or different, on each tab
When in content we show the option to share and save content from the toolbar. This remains the same, but you have the option to hide those if you don't wish to show either of them.
Toolbar logo
When in tabs you can now choose to display a logo, text or nothing in your toolbar, for every tab type.
When in content the toolbar will always be blank to reserve space for the page title show next to the back arrow.


