By default, Zabbix provides a number of predefined themes. You may follow the step-by-step procedure provided here in order to create your own. Feel free to share the result of your work with Zabbix community if you created something nice.
To define your own theme you'll need to create a CSS file and save it in the
styles/ 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.
Since Zabbix 4.0.8, the CSS must be saved in
Add your theme to the list of themes returned by the Z::getThemes() method. You can do this by overriding the ZBase::getThemes() method in the Z class. This can be done by adding the following code before the closing brace in include/classes/core/Z.php:
Note that the name you specify within the first pair of quotes must match the name of the theme file without extension.
To add multiple themes, just list them under the first theme, for example:
Note that every theme except the last one must have a trailing comma.
To change graph colors, the entry must be added in the graph_theme database table.
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.
Enjoy the new look and feel!