# 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="https://4146767839-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lz8A22xAOkwN-WbWyqG%2Fuploads%2FxJW0Lr9VUxkmjFl9l7Q7%2Fupload_theme.png?alt=media&#x26;token=2a3bbb0d-1578-43a3-877a-922a48d47056" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4146767839-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lz8A22xAOkwN-WbWyqG%2Fuploads%2FNQj9EV98aZPy8p59iRKY%2Fset_store_theme.png?alt=media&#x26;token=e7c7d183-7a62-4649-868f-68fc6dc26220" alt=""><figcaption></figcaption></figure>

4. Enjoy updated theme colors!

<figure><img src="https://4146767839-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lz8A22xAOkwN-WbWyqG%2Fuploads%2FrHAqsyllNC5aHbBymSfZ%2Fstore_new_colors.png?alt=media&#x26;token=c8394028-2c66-4520-a9c3-a9962d87e1bb" alt=""><figcaption><p>New colors applied</p></figcaption></figure>