> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowforma.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Theme

> Create a custom FlowForma theme with the Kendo UI theme builder, upload the CSS to FlowFormaAssets, and enable it to match forms to your brand colours.

You can create custom themes for FlowForma to change the look and feel of your forms, so they better match your organisation's colours. To do this, go to the [Kendo UI theme builder site](http://demos.telerik.com/kendo-ui/themebuilder/).

From here you can design your own theme by either choosing one of the pre-built themes, or you can update a theme with your own colours.

<img src="https://mintcdn.com/flowforma/YrATCKK3xaSeHj7W/images/product/the-flowforma-site/custom-theme/custom-theme-1.png?fit=max&auto=format&n=YrATCKK3xaSeHj7W&q=85&s=7161ec34652b343f87ed934d37d151bc" alt="Kendo UI theme builder" width="1352" height="647" data-path="images/product/the-flowforma-site/custom-theme/custom-theme-1.png" />

When you are happy with the theme, click **download theme** in the top right-hand corner to get the kendo.css file you need.

Next, go to the FlowFormaAssets folder.

<img src="https://mintcdn.com/flowforma/YrATCKK3xaSeHj7W/images/product/the-flowforma-site/custom-theme/custom-theme-2.png?fit=max&auto=format&n=YrATCKK3xaSeHj7W&q=85&s=9b2761eaec8a8a8cdbf63d7257585c45" alt="FlowFormaAssets folder" width="602" height="353" data-path="images/product/the-flowforma-site/custom-theme/custom-theme-2.png" />

Now upload the kendo.custom.css file into the css folder.

<img src="https://mintcdn.com/flowforma/YrATCKK3xaSeHj7W/images/product/the-flowforma-site/custom-theme/custom-theme-3.png?fit=max&auto=format&n=YrATCKK3xaSeHj7W&q=85&s=4480db1d112455f01ae152f4792501a6" alt="Upload css into the css folder" width="602" height="200" data-path="images/product/the-flowforma-site/custom-theme/custom-theme-3.png" />

Finally, enable the custom theme by checking **Enable custom theme** in FlowForma Settings.

<img src="https://mintcdn.com/flowforma/YrATCKK3xaSeHj7W/images/product/the-flowforma-site/custom-theme/custom-theme-4.png?fit=max&auto=format&n=YrATCKK3xaSeHj7W&q=85&s=f1cd7f35b419de631e0b0e9d045309df" alt="Enable custom theme in FlowForma Settings" width="572" height="585" data-path="images/product/the-flowforma-site/custom-theme/custom-theme-4.png" />
