La UI di POSible

Per determinare come configurare i colori della APP POSible si è scelto di seguire lo standard descritto nel sito:

www.material.io/design/color/the-color-system.html

le cui linee guida consentono una gestione omogenea dei colori.

Di seguito alcune info per configurare al meglio i colori dell’interfaccia grafica di POSible:

a) tutti gli oggetti grafici sono soggetti ad un certo grado di trasparenza definito nel codice della APP;

b) il colore di alcuni oggetti non può essere configurato dall’utente perché è stato definito nel codice:

1. nella pagina HOMEPAGE:

   • il colore (grigio/rosso/giallo/verde) dell’indicatore di stato in basso a destra
     

2. nel menu FLYOUT:

   • il colore (grigio/rosso/giallo/verde) degli indicatori di stato a fianco alle icone “batteria”, “memoria”, “sincronizzazione tabelle” e “websocket”

   • l’icona vicino alla voce «Disconnetti» (rosso)
     

3. nella pagina PRODOTTO:

   • le icone che indicano la disponibilità e la giacenza (grigio/rosso/giallo/verde)

c) il colore del testo nell' header, sotto l’avatar, nel menu FLYOUT, varia in base al tema (light o dark) e al tipo di immagine di sfondo; con il tema dark e con uno sfondo scuro il testo sarà bianco, con il tema light e con uno sfondo chiaro il testo sarà nero.