Styles tab

The Styles Tab manages collections of visual and layout properties that are shared across elements in the app. Styles make it easy to maintain and modify a consistent visual identity.

Rather than setting the font, background, and border for each element, define a style and apply it to all the elements of a given type.

Style and font variables

Bubble also includes pre-defined font and color variables in the Style variables sub tab to help make designing your application even faster. When the value of a Style variable is updated, any instance that uses the color variable will receive the new value automatically.

Other ways to learn

User manual articles

The styles tab In this article we cover how to navigate the styles tab.

Article: The styles tab

Styling In this article series, we cover how to design your app and use styles and style variables: Article series: Styling