> For the complete documentation index, see [llms.txt](https://docs.bitcart.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bitcart.ai/guides/themes.md).

# Themes

It is possible to customize the look and feel of Bitcart UI by overriding some CSS variables.

Currently it is supported for store POS only.

A list of possible css variables: <https://github.com/bitcart/bitcart-store/blob/master/assets/bulma-generated/generated-bulma-vars.sass>

Guide to customizing the theme:

1. Create a css file changing some theme variables

{% code title="theme.css" %}

```css
:root {
  --brand-color: #162d50;
  --primary: var(--brand-color) !important;
  --success: var(--brand-color) !important;
  --link: var(--brand-color) !important;
}
```

{% endcode %}

2. Upload theme file to file storage of your instance

<figure><img src="/files/iSyVPi6J5Kpd7zsYjbwP" alt=""><figcaption></figcaption></figure>

3. Copy download URL and use it in store theme URL setting in stores page

<figure><img src="/files/G5oiRWEuDgP4K8XYeAyR" alt=""><figcaption></figcaption></figure>

4. Enjoy updated theme colors!

<figure><img src="/files/2jBKDFPSdv9v6i8dsgN8" alt=""><figcaption><p>New colors applied</p></figcaption></figure>
