Skip to main content
Tabs & Sections: Styles tab

This article explains the Bubble editor's Styles Tab for managing visual themes and style variables for a consistent app design.

Jeff Thill avatar
Written by Jeff Thill
Updated over 2 months ago

Element styles

The Styles Tab 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

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.

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.

Other ways to learn

Related articles

Did this answer your question?