Experience level
This core reference entry is suited for beginner-level builders.
In-depth articles (4)
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
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.