[comment]: # ({d1036ff8-d1036ff8})
# 8 Crear el vostre propi tema

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

[comment]: # ({cb54c172-cb54c172})
#### Vista general

Per defecte, Zabbix ofereix una sèrie de temes predefinits. Podeu seguir el procediment passa per passa indicada aquí per crear el vostre. No dubteu a compartir el resultat del vostre treball amb la comunitat Zabbix si heu creat alguna cosa genial.

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

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

Per definir el vostre propi tema, haureu de crear un fitxer CSS i desar-lo a la carpeta `assets/styles/` (per exemple, *custom-theme.css*). Podeu copiar els fitxers d'un tema diferent i crear el vostre tema basat en ell, o bé començar des de zero.

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

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

Afegiu el vostre tema a la llista de temes que retorna el mètode APP::getThemes(). Podeu fer-ho anul·lant el mètode ZBase::getThemes() a la classe APP. Això es pot fer afegint el codi següent abans de la clau de tancament a *include/classes/core/APP.php*:

      public static function getThemes() {
          return array_merge(parent::getThemes(), [
              'custom-theme' => _('Custom theme')
          ]);
      }

::: noteimportant
Tingueu en compte que el nom que especifiqueu al primer parell de cometes ha de coincidir amb el nom del fitxer del tema sense extensió.
:::

Per afegir diversos temes, simplement enumereu-los sota el primer tema, per exemple:

      public static function getThemes() {
          return array_merge(parent::getThemes(), [
              'custom-theme' => _('Custom theme'),
              'anothertheme' => _('Another theme'),
              'onemoretheme' => _('One more theme')
          ]);
      }

Tingueu en compte que cada tema, excepte el darrer, ha de tindre una coma al final de la línia.

::: notetip
Per canviar els colors del gràfic, l'entrada s'ha d'afegir a la taula de base de dades *graph\_theme*.
:::

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

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

Activeu el tema nou.

A la interfície Zabbix, podeu definir el tema per defecte o canviar el vostre tema al perfil d'usuari.

Gaudiu del nou tema!

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