[comment]: # translation:outdated

[comment]: # ({d1036ff8-d1036ff8})
# 8 Créer votre propre thème

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

[comment]: # ({cb54c172-cb54c172})
#### Aperçu

Par défaut, Zabbix fournit un certain nombre de thèmes prédéfinis. Vous pouvez suivre la procédure étape par étape fournie ici afin de créer la vôtre. N'hésitez pas à partager le résultat de votre travail avec la communauté Zabbix si vous avez créé quelque chose de sympa.

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

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

Pour définir votre propre thème, vous devrez créer un fichier CSS et l'enregistrer dans le dossier `assets/styles/` (par exemple, *custom-theme.css*). Vous pouvez soit copier les fichiers d'un thème différent et créer votre thème en fonction de celui-ci, soit recommencer à zéro.

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

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

Ajoutez votre thème à la liste des thèmes renvoyés par la méthode APP::getThemes(). Vous pouvez le faire en remplaçant la méthode ZBase::getThemes() dans la classe APP. Cela peut être fait en ajoutant le code suivant avant l'accolade fermante dans *include/classes/core/APP.php* :

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

::: noteimportant
Notez que le nom que vous spécifiez dans la première paire de guillemets doit correspondre au nom du fichier de thème sans extension.
:::

Pour ajouter plusieurs thèmes, listez-les simplement sous le premier thème, par exemple :

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

Notez que chaque thème, sauf le dernier, doit avoir une virgule en fin de ligne.

::: notetip
Pour changer les couleurs du graphique, l'entrée doit être ajoutée dans la table de la base de données *graph\_theme*.
:::

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

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

Activez le nouveau thème.

Dans l'interface Zabbix, vous pouvez soit définir ce thème comme étant celui par défaut, soit modifier votre thème dans le profil utilisateur.

Profitez du nouveau thème !

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