> For the complete documentation index, see [llms.txt](https://docs.kasko.io/webapp-builder-manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.kasko.io/webapp-builder-manual/basic-concepts/look-and-feel.md).

# Look and feel

### Matching company color/design scheme

Each web page contains some default styling that can be adjusted to match company color scheme or design design guidelines.

### Changing logo

Each webapp contains header with logo in it. By default it is KASKO logo, but this can be changed in styling section.

<div align="center"><figure><img src="/files/aM7eQbNclnKdyGXKNn1U" alt=""><figcaption></figcaption></figure></div>

A new window on right hand side will appear that contains theme controls and settings.

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

To change logo, simply click on logo image and select and image from your computer. It will be saved to webapp and changed in every webapp page.

### Adjusting colors

From that same `Styling` panel it is possible to adjust fonts, colors and other styling variables to create unique look and feel.

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

Custom CSS can also be added in this panel under `Advanced mode`. Advanced mode also reveals way more variables that can be adjusted, like button border radius and more.