> For the complete documentation index, see [llms.txt](https://flexi-library.gitbook.io/flexi-sections/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://flexi-library.gitbook.io/flexi-sections/docs/colors.md).

# Color

{% embed url="<https://www.youtube.com/watch?v=mhg2PUaCxFo>" %}

Flexi gives you flexible options for managing colors across your theme.

{% stepper %}
{% step %}

#### Enable the app embed

Start by toggling on the Flexi Color app embed in your theme editor. This unlocks global color controls
{% endstep %}

{% step %}

#### Adjust button colors

You can directly edit your button colors, making sure your calls-to-action match your brand.
{% endstep %}

{% step %}

#### Use custom CSS (optional)

For advanced control, you can add your own global CSS to override or extend color styles.
{% endstep %}

{% step %}

#### Theme settings

Most colors in Flexi are editable directly in the theme settings, so you can keep everything consistent without touching code.
{% endstep %}
{% endstepper %}