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.

Bubble includes some built-in themes as well to help your get started. Use these to completely restyle the app. In addition to the default theme, we integrate with some popular themes from across the web, such as Bootstrap and Material Design.

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.

For more information to get started, see the Design article series.