> For the complete documentation index, see [llms.txt](https://docs.portos.sk/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.portos.sk/pokladna/pouzivatelske-rozhranie/prisposobenie-pouzivatelskeho-rozhrania.md).

# Prispôsobenie používateľského rozhrania

Aplikácia PORTOS Pokladňa umožňuje prispôsobiť si používateľské rozhranie podľa vlastných predstáv.

Pre prispôsobenie aplikačnej lišty zvolíme v hlavnej ponuke položku **Nastavenia** a následne v skupine **Personalizácia** vyberieme možnosť **Vzhľad**.

## Téma

Pre voľbu témy (svetlý alebo tmavý mód) sú k dispozícii tri možnosti:

* **Svetlá:** svetlá téma (svetlé pozadie a tmavé texty).
* **Tmavá:** tmavá téma (tmavé pozadie a svetlé texty).
* **Podľa operačného systému**: zrkadlí tému, ktorá je aktuálne nastavená pre operačný systém. V prípade, ak upravíte nastavenie operačného systému, aplikácia automaticky kopíruje toto nastavenie.

<figure><img src="https://2205714691-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LTX4pJkSJoZaDqMmcPy%2Fuploads%2FRve2YPaOeQG8ErLvYjZI%2Fpos-v4-vzhlad.PNG?alt=media&amp;token=0f83121a-d4fc-475c-ac3f-2901ff9b6928" alt=""><figcaption><p>Svetlá téma v aplikácii PORTOS Pokladňa</p></figcaption></figure>

<figure><img src="https://2205714691-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LTX4pJkSJoZaDqMmcPy%2Fuploads%2FOm5tTNneomfp3nccI9mC%2Fpos-v4-vzhlad-tmava.PNG?alt=media&amp;token=98226868-aa87-4bbc-841d-5c14adafe561" alt=""><figcaption><p>Tmavá téma v aplikácii PORTOS Pokladňa</p></figcaption></figure>

## Farby

Aplikácia PORTOS Pokladňa je schopná sa farebne prispôsobiť vášmu podniku.

Vlastnú farebnú kombináciu si dokážete vytvoriť výberom tzv. *primárnej* a *sekundárnej* farby.

Primárna farba sa používa v aplikačnej lište či v tlačidlách. Sekundárna napríklad pri označovaní zvolenej položky v zoznamoch.

Pre úpravu farby používate panel, v ktorom si vyberiete želanú voľbu. Aktuálne zvolená farba je indikovaná kruhom, ostatné farby sú zobrazené vo štvorcoch.

<figure><img src="https://2205714691-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LTX4pJkSJoZaDqMmcPy%2Fuploads%2F2HbtUpNSjnQnFz8iIzvo%2Fpos-v4-vzhlad-farba.png?alt=media&amp;token=8ce5deda-1786-4806-a78a-c6cd057251c1" alt=""><figcaption><p>Výber farby pri prispôsobení používateľského prostredia</p></figcaption></figure>

### Zachovanie kontrastu

Niektoré farby však pri svetlej či tmavej téme nevytvárajú dostatočný kontrast s pozadím.

Aplikácia PORTOS Pokladňa preto dokáže strážiť dodržanie kontrastu za vás. Stačí, ak zapnete prepínač "**Upraviť zvolené farby pre zachovanie kontrastu**" a vami vybrané farby budú mierne upravené spôsobom, pri ktorom je zachovaný kontrast medzi primárnou resp. sekundárnou farbou a pozadím.

Toto nastavenie odporúčame ponechať zapnuté.

<figure><img src="https://2205714691-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LTX4pJkSJoZaDqMmcPy%2Fuploads%2FFXg6WLu9laGpSYyfK664%2Fpos-v4-vzhlad-kontrast.PNG?alt=media&amp;token=78528627-a8ed-49b1-8ca0-ce3b5641de0d" alt=""><figcaption><p>Prepínač pre zachovanie kontrastu farieb</p></figcaption></figure>

Rozdiel medzi zapnutým a vypnutým prepínačom kontrastu je uvedený na animovanom obrázku nižšie, kde je zobrazený príklad použitia čiernej farby v kombinácii s tmavou témou. Pri vypnutej možnosti "Upraviť zvolené farby pre zachovanie kontrastu" je aplikačná lišta takmer identická s pozadím. Pri zapnutej možnosti sa farba aplikačnej lišty zmení na sivú, čím sa tak viac odlíši od tmavého pozadia.

<figure><img src="https://2205714691-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LTX4pJkSJoZaDqMmcPy%2Fuploads%2FqHCtkGk6xoTC8v6sDrBK%2Fv4-kontrast-faster.gif?alt=media&amp;token=28adb9d6-9dd4-46ef-9438-8dfda40217cb" alt=""><figcaption><p>Pri vypnutej automatickej úprave kontrastu je menu hlavnej ponuky nečitateľné.</p></figcaption></figure>