[comment]: # translation:outdated

[comment]: # ({d1036ff8-d1036ff8})
# 8 Creare il tuo tema

[comment]: # ({/d1036ff8-d1036ff8})

[comment]: # ({cb54c172-cb54c172})
#### Panoramica

Per impostazione predefinita, Zabbix fornisce una serie di temi predefiniti. Potresti
seguire la procedura passo passo qui fornita per creare il tuo
tema. Sentiti libero di condividere il risultato del tuo lavoro con la comunità Zabbix se
hai creato qualcosa di carino

[comment]: # ({/cb54c172-cb54c172})

[comment]: # ({be6afd90-be6afd90})
##### Passo 1

Per definire il tuo tema dovrai creare un file CSS e salvarlo
la cartella `assets/styles/` (ad esempio, *custom-theme.css*). Puoi
copia i file da un tema diverso e crea il tuo tema basato
su di esso o ricominciare da zero.

[comment]: # ({/be6afd90-be6afd90})

[comment]: # ({34bae249-34bae249})
##### Passo 2

Aggiungi il tuo tema all'elenco dei temi restituiti dall'APP::getThemes()
metodo. Puoi farlo sovrascrivendo il metodo ZBase::getThemes() in
la classe APP. Questo può essere fatto aggiungendo il codice seguente prima di
parentesi di chiusura in *include/classes/core/APP.php*:

      funzione statica pubblica getThemes() {
          return array_merge(parent::getThemes(), [
              'tema-personalizzato' => _('Tema personalizzato')
          ]);
      }

::: nota importante
Nota che il nome che specifichi all'interno del primo
la coppia di virgolette deve corrispondere al nome del file del tema senza
estensione.
:::

Per aggiungere più temi, basta elencarli sotto il primo tema, per
esempio:

      funzione statica pubblica getThemes() {
          return array_merge(parent::getThemes(), [
              'tema-personalizzato' => _('Tema personalizzato'),
              'un altro tema' => _('Un altro tema'),
              'onemoretheme' => _('Un altro tema')
          ]);
      }

Nota che ogni tema tranne l'ultimo deve avere una virgola finale.

::: suggerimento
Per modificare i colori del grafico, è necessario aggiungere la voce nel file
*grafico\_tema* tabella del database.
:::

[comment]: # ({/34bae249-34bae249})

[comment]: # ({b67ccba3-b67ccba3})
##### Passaggio 3

Attiva il nuovo tema.

Nel frontend Zabbix, puoi impostare questo tema come predefinito
o cambiare il tuo tema nel profilo utente.

Goditi il nuovo look!

[comment]: # ({/b67ccba3-b67ccba3})