# 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="https://2737142521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0A1OePllD6EER19IB5RB%2Fuploads%2FUZpALLtnPc9dxG7F9iz3%2Fimage.png?alt=media&#x26;token=4fcb421a-329f-483a-b846-e05c7149a993" alt=""><figcaption></figcaption></figure></div>

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

<figure><img src="https://2737142521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0A1OePllD6EER19IB5RB%2Fuploads%2Foy8LafgQkJxwnMTDR05z%2Fimage.png?alt=media&#x26;token=76affa45-c63b-4a28-b4d9-aeded51666bb" 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="https://2737142521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0A1OePllD6EER19IB5RB%2Fuploads%2FkjYU2QU0WWHNLW0l1cQj%2F2022-12-13%2014.41.42.gif?alt=media&#x26;token=8eba97e8-60f9-48f0-b277-fa398aa31b00" 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.