• Home
    • Pugpig Bolt
    • Bolt apps
    • App customisation

    Toolbar Theming and Configuration

    Written by Benji Weiser

    Updated at August 24th, 2026

    • Pugpig Bolt

      • Pugpig Site

        • Pugpig Archive

          • Working with Pugpig

            • Pugpig Consulting

              Table of Contents

              Toolbar & Timeline Navigation Theming Toolbar icons Toolbar logo

              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.

               





               

              menu choices selections

              Was this article helpful?

              Yes
              No
              Give feedback about this article

              Related Articles

              • Bolt settings options
              pugpig logo white
              Navigation
              • Products
              • Customers
              • News
              • Podcast
              Contact
              • Contact us
              • LinkedIn
              • Twitter
              Technical Support
              • Status Page
              • Documentation
              • Customer Support
              Corporate
              • Company
              • Jobs
              • Privacy Policy

              © Kaldor Ltd. 2022

              Powered by Pugpig


              Knowledge Base Software powered by Helpjuice

              Expand