Styles tab

Experience level

This core reference entry is suited for beginner-level builders.

In-depth articles (4)

To learn about this topic more in-depth, we recommend reading the suggested articles below:

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

  • Article: Font variables

  • Article: Color variables

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

Related articles

• Article: Font variables

• Article: Color 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.