はじめに
ZBXが複数あってどれか何用がわからなくなるので、画面の配色を変え判別しやすいようにしたい、それで配色テーマを増やす方法をメモ。
テーマスタイルシートを複製して編集
デフォルトテーマ（blue-theme）をコピーして（red-theme）とかを作る
cd /usr/share/zabbix/assets/styles/ cp -p blue-theme.css red-theme.css [root styles]# ll 合計 1152 -rw-r--r-- 1 root root 225276 12月 13 2023 blue-theme.css -rw-r--r-- 1 root root 230686 12月 13 2023 dark-theme.css -rw-r--r-- 1 root root 248520 12月 13 2023 hc-dark.css -rw-r--r-- 1 root root 244861 12月 13 2023 hc-light.css -rw-r--r-- 1 root root 225276 10月 14 03:56 red-theme.css drwxr-xr-x 3 root root 21 12月 13 2023 vendors
複製したテーマスタイルシートを編集してバックグラウンドの色をかえる。vi red-theme.css（43行目あたりと493行目あたりのbackgroundの色指定を変える。その他の箇所も変えたければ変える）
diff red-theme.css blue-theme.css 43c43 < background-color: #e6dc55; --- > background-color: #ebeef0; 493c493 < background: #419c7f; --- > background: #0a466a;
APP.phpの編集
cssの編集が終わったら、APP.phpファイルを編集vi /usr/share/zabbix/include/classes/core/APP.php
require_once dirname(__FILE__).'/ZBase.php';
/**
* A wrapper for the ZBase class.
*
* Feel free to modify and extend it to change the functionality of ZBase.
*/
ここからーーー
class APP extends ZBase {
public static function getThemes() {
return array_merge(parent::getThemes(), [
'red-theme' => _('Red-theme')
]);
}
ここまでーーー
}
テーマの選択
管理→一般設定→「表示設定」に作ったテーマ(今回の場合は'Red-theme')が出ればOK
以上
