> For the complete documentation index, see [llms.txt](https://dvscripts.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dvscripts.gitbook.io/documentation/resources/k-d-system-v3/customization.md).

# Customization

{% hint style="info" %}
[**Tailwindcss**](https://tailwindcss.com)\
\
This resource uses tailwindcss, to customize the panel you have to open the UI folder in cmd, then install the dependencies (`'npm i'`), rebuild the css file (`'npm run build'`), then you have to open the `'output.css'` file in the `'ui/dist'` folder, there you can customize the panel as you like it (read the [tailwindcss documentation](https://tailwindcss.com/docs/installation) for help), when everything is done you have to minify the css file with the command `'npx tailwindcss -o build.css --minify'`. And now, its done. (if the css file does not load, you have to change the destination in the html file from `'build.css'` to `'../dist/output.css'`, `but forget to change it back after the customization`)
{% endhint %}