Se encuentra viendo la documentación de la versión en desarrollo, puede estar incompleta.
Únase a nuestro proyecto de traducción y ayude a traducir la documentación de Zabbix a su lengua materna.

8 Creando tu propio tema

Descripción general

De forma predeterminada, Zabbix proporciona una serie de temas predefinidos. Puede seguir el procedimiento paso a paso que se proporciona aquí para crear su propio tema. No dude en compartir el resultado de su trabajo con la comunidad Zabbix si ha creado algo bonito.

Paso 1

Para definir su propio tema, deberá crear un archivo CSS y guardarlo en la carpeta assets/styles/ (por ejemplo, custom-theme.css). Puede copiar los archivos de un tema diferente y crear su tema basándose en ellos o empezar desde cero.

Paso 2

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

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

Tenga en cuenta que el nombre que especifique en el primer par de comillas debe coincidir con el nombre del archivo del tema sin extensión.

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

public static function getThemes() {
           return array_merge(parent::getThemes(), [
                 'custom-theme' => _('Tema personalizado'),
                 'anothertheme' => _('Otro tema'),
                 'onemoretheme' => _('Un tema más')
             ]);
         }

Tenga en cuenta que cada tema, excepto el último, debe tener una coma al final.

Para cambiar los colores del gráfico, debe agregarse la entrada en la tabla de base de datos graph_theme .

Paso 3

Activar el nuevo tema.

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

¡Disfrute de la nueva apariencia!