Theming your app

To streamline the design process, users can update app-level theme settings. Updating these settings will update the style of all the screens within your app. Users can quickly update the theme of your app using the theming interface.

Theme

Budibase ships with four themes: lightest, light, dark, and darkest. Changing the theme will change the color palette your app uses. This is a great feature and allows you to update the core look of your app with just one click.

Button shape

You can customize the shape of your buttons at the app level using the theming interface.

Accent color + accent hover color

Accent color
The accent color represents your brand's primary color. Changing this setting will change the color of your action button, links, input highlights, and more.

Accent hover color
The accent hover color is the color of the element after a user has hovered their mouse over it.

Navigation background and text color

Within the theme settings, you can change your navigation's background color and text color. See the GIF below for a quick demo.

Reset theme settings

Click the Reset button at the bottom of the theme settings modal to reset all the theme settings back to the original Budibase default values.


Did this page help you?