[comment]: # ({d1036ff8-d1036ff8})
# 8 Criando seu próprio tema

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

[comment]: # ({cb54c172-cb54c172})
#### Visão geral

Por padrão, o Zabbix fornece vários temas predefinidos. Você pode seguir o procedimento passo a passo fornecido aqui para criar o seu próprio. Sinta-se à vontade para compartilhar o resultado do seu trabalho com a comunidade Zabbix se você criou algo interessante.

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

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

Para definir seu próprio tema, você precisará criar um arquivo CSS e salvá-lo na
pasta `assets/styles/` (por exemplo, *custom-theme.css*). Você pode
copiar os arquivos de um tema diferente e criar seu tema com base nele ou começar do zero.

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

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

Adicione seu tema à lista de temas retornados pelo método APP::getThemes().
Você pode fazer isso sobrescrevendo o método ZBase::getThemes() na
classe APP. Isso pode ser feito adicionando o seguinte código antes da
chave de fechamento em *include/classes/core/APP.php*:

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

::: noteimportant
Observe que o nome especificado dentro do primeiro
par de aspas deve corresponder ao nome do arquivo do tema sem
extensão.
:::

Para adicionar vários temas, basta listá-los abaixo do primeiro tema, por
exemplo:

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

Observe que todos os temas, exceto o último, devem ter uma vírgula ao final.

::: notetip
Para alterar as cores dos gráficos, a entrada deve ser adicionada na
tabela *graph\_theme* do banco de dados.
:::

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

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

Ative o novo tema.

No frontend do Zabbix, você pode definir este tema como o padrão
ou alterar o tema no perfil do usuário.

Aproveite o novo visual!

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