[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
siga o procedimento passo a passo fornecido aqui para criar seu
ter. Sinta-se à vontade para compartilhar o resultado do seu trabalho com a comunidade Zabbix se
você criou algo legal.

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

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

Para definir seu próprio tema, você precisará criar um arquivo CSS e salvá-lo em
a pasta `assets/styles/` (por exemplo, *custom-theme.css*). Você pode
ou copie os arquivos de um tema diferente e crie seu tema baseado
nele ou comece do zero.

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

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

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

      função estática pública getThemes() {
          return array_merge(parent::getThemes(), [
              'tema personalizado' => _('tema personalizado')
          ]);
      }

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

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

      função estática pública getThemes() {
          return array_merge(parent::getThemes(), [
              'tema personalizado' => _('tema personalizado'),
              'outro tema' => _('Outro tema'),
              'onemoretheme' => _('Mais um tema')
          ]);
      }

Observe que todo tema, exceto o último, deve ter uma vírgula à direita.

::: dica
Para alterar as cores do gráfico, a entrada deve ser adicionada no
*graph\_theme* tabela de banco de dados.
:::

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

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

Ative o novo tema.

No frontend do Zabbix, você pode definir este tema para ser o padrão
ou altere seu tema no perfil do usuário.

Aproveite o novo visual e toque!

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