Global tab

Element styles

The Styles section acts as the central hub for the visual and layout themes shared among elements in your app, ensuring a uniform look and feel. By using styles, you can efficiently define and maintain your app's aesthetic without manually adjusting individual elements.

Moreover, Bubble's Style Variables sub-tab offers predefined fonts and color variables. This feature accelerates the design process, ensuring any change in a style variable gets reflected across all its instances seamlessly.

Article series: Styling Reference: Styling properties

Style variables

Fonts

In the Fonts section you can set up font variables. This lets you control what fonts are used in your app from one place. Font variables can be applied to individual elements, and to styles.

Article: Font variables

Colors

In the Colors section you can set up font variables. This lets you control what colors are used in your app from one place. Color variables can be applied to individual elements, and to styles.

Article: Color variables

Global expressions

In the global expressions section, you can set up global dynamic expressions that can be re-used across your app.

Article: Global expressions

Other ways to learn

Related articles

• Article series: Styles

  • Article: Font variables

  • Article: Color variables

• Article series: Design

Core reference

• The styles tab

• Styling properties