> For the complete documentation index, see [llms.txt](https://manual.bubble.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.bubble.io/help-guides/getting-started/navigating-the-bubble-editor/tabs-and-sections/styles-tab.md).

# 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](/help-guides/design/variables-and-styles.md)\
Reference: [Styling properties](/core-resources/elements/styling-properties.md)

## 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](/help-guides/design/variables-and-styles/font-variables.md)

### 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](/help-guides/design/variables-and-styles/color-variables.md)

## 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](/help-guides/getting-started/navigating-the-bubble-editor/tabs-and-sections/styles-tab/global-expressions.md)

## Other ways to learn

<details>

<summary>Related articles</summary>

* Article series: [Styles](/help-guides/design/variables-and-styles/styles.md)
  * Article: [Font variables](/help-guides/design/variables-and-styles/font-variables.md)
  * Article: [Color variables](/help-guides/design/variables-and-styles/color-variables.md)
* Article series: [Design](/help-guides/design.md)

</details>

<details>

<summary>Core reference</summary>

* [The styles tab](/core-resources/bubbles-interface/styles-tab.md)
* [Styling properties](/core-resources/elements/styling-properties.md)

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://manual.bubble.io/help-guides/getting-started/navigating-the-bubble-editor/tabs-and-sections/styles-tab.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.