在本文中，我们将演示如何更改登录页面和仪表板左上角的 Zabbix 前端徽标。

准备工作，请确保使用以下命令备份 css 文件：

jack@onitroad:~# cp /usr/share/zabbix/styles/dark-theme.css{,.otg}
jack@onitroad:~# cp /usr/share/zabbix/styles/blue-theme.css{,.org}

登录标志

使用 FTP 或者其他工具将自定义徽标插入目录 /usr/share/zabbix/img/，在本教程中，我们使用尺寸为 280px x 30px 的 png 徽标，名为 signin-logo.png

现在打开dark-theme.css和blue-theme.css做如下修改：

.signin-logo {
  margin: 0 auto;
  margin-bottom: 21px;
  height: 30px;
  background: url(../img/signin-logo.png) no-repeat 0; }

左上角仪表板徽标

要更改左上角仪表板 Zabbix 前端徽标，我们使用尺寸为 95px x 25px 的自定义 png 徽标，名为dashboard-logo 插入目录 /usr/share/zabbix/img/

打开dark-theme.css和blue-theme.css，做如下修改：

.logo {
  float: left;
  display: block;
  width: 95px;
  height: 25px;
  background: url(../img/dashboard-logo.png) no-repeat 0; }

.browser-logo-chrome {
  background: url(../img/dashboard-logo.png) no-repeat 0 0; }
.browser-logo-ff {
  background: url(../img/dashboard-logo.png) no-repeat; }
.browser-logo-ie {
  background: url(../img/dashboard-logo.png) no-repeat 0; }
.browser-logo-opera {
  background: url(../img/dashboard-logo.png) no-repeat 0; }
.browser-logo-safari {
  background: url(../img/dashboard-logo.png) no-repeat 0; }

完成修改后，重新启动 apache 服务。

systemctl restart apache2 # For Ubuntu OS
systemctl restart httpd  # For CentOS/RHEL OS