[comment]: # ({d1036ff8-d1036ff8})
#8 Creando tu propio tema

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

[comment]: # ({cb54c172-cb54c172})
#### Visión general

De forma predeterminada, Zabbix proporciona una serie de temas predefinidos. Puedes
siga el procedimiento paso a paso proporcionado aquí para crear su
propio. Siéntase libre de compartir el resultado de su trabajo con la comunidad de Zabbix si
creaste algo lindo.

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

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

Para definir su propio tema, deberá crear un archivo CSS y guardarlo en
la carpeta `assets/styles/` (por ejemplo, *custom-theme.css*). Puedes
copie los archivos de un tema diferente y cree su tema basado
en él o empezar desde cero.

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

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

Agrega tu tema a la lista de temas devueltos por APP::getThemes()
método. Puede hacer esto anulando el método ZBase::getThemes() en
la clase de aplicación. Esto se puede hacer agregando el siguiente código antes del
llave de cierre en *include/classes/core/APP.php*:

      función estática pública getThemes() {
          devuelve array_merge(padre::getThemes(), [
              'tema personalizado' => _('Tema personalizado')
          ]);
      }

::: notaimportante
Tenga en cuenta que el nombre que especifique dentro de la primera
par de comillas deben coincidir con el nombre del archivo del tema sin
extensión.
:::

Para agregar varios temas, solo enumérelos debajo del primer tema, por
ejemplo:

      función estática pública getThemes() {
          devuelve array_merge(padre::getThemes(), [
              'tema personalizado' => _('Tema personalizado'),
              'otrotema' => _('Otro tema'),
              'onemoretheme' => _('Un tema más')
          ]);
      }

Tenga en cuenta que todos los temas, excepto el último, deben tener una coma final.

::: nota
Para cambiar los colores del gráfico, se debe agregar la entrada en el
tabla de base de datos *graph\_theme*.
:::

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

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

Activar el nuevo tema.

En la interfaz de Zabbix, puede configurar este tema para que sea el predeterminado
o cambia tu tema en el perfil de usuario.

¡Disfruta de la nueva apariencia!

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