8 Creating your own theme

Overview

Step 1

To define your own theme you’ll need to create a CSS file and save it in the folder (for example, custom-theme.css). You can either copy the files from a different theme and create your theme based on it or start from scratch.

Step 2

Add your theme to the list of themes returned by the APP::getThemes() method. You can do this by overriding the ZBase::getThemes() method in the APP class. This can be done by adding the following code before the closing brace in include/classes/core/APP.php:

To add multiple themes, just list them under the first theme, for example:

  public static function getThemes() {
                 'custom-theme' => _('Custom theme'),
                 'onemoretheme' => _('One more theme')
         }

Note that every theme except the last one must have a trailing comma.

Step 3

Activate the new theme.

In Zabbix frontend, you may either set this theme to be the default one or change your theme in the user profile.