8 定制主题风格

概述

默认情况下,Zabbix 平台已经提供了许多预定义的主题。您可以按照本章节提供的分步步骤来创建属于您自己的主题。如果您认为您创建了一些不错的主题,可以随时在 Zabbix 社区内与其他优秀的工程师分享您的工作成果。

步骤1

要定义您自己的主题,您需要创建一个 CSS 文件并将其保存在 assets/styles/ 文件夹中(例如,custom-theme.css)。您可以从不同的主题复制文件并基于它创建主题,也可以从头开始。

步骤2

将您的主题添加到 APP::getThemes() 方法返回的主题列表中。您可以通过覆盖 APP 类中的 ZBase::getThemes() 方法来做到这一点。这可以通过在 include/classes/core/APP.php 的右大括号之前添加以下代码来完成:

  1. public static function getThemes() {
  2. return array_merge(parent::getThemes(), [
  3. 'custom-theme' => _('Custom theme')
  4. ]);
  5. }

请注意,您在第一对引号中指定的名称必须与不带扩展名的主题文件的名称匹配。

要添加多个主题,只需将它们列在第一个主题下即可,例如:

  1. public static function getThemes() {
  2. return array_merge(parent::getThemes(), [
  3. 'custom-theme' => _('Custom theme'),
  4. 'anothertheme' => _('Another theme'),
  5. 'onemoretheme' => _('One more theme')
  6. ]);
  7. }

请注意,除了最后一个主题之外的每个主题都必须有一个尾随逗号。

要更改图形颜色,必须在 graph_theme 数据库表中添加条目。

步骤 3

激活新主题。

在 Zabbix 前端,您可以将此主题设置为默认主题,也可以在用户配置文件中更改您的主题。

享受新的外观和感觉!