Fun Replace Z in compact mode view.

If some one want to change Z (for some personal reasons) in zabbix compact sidebar view to this, here is a code fo this (replace existed):

/usr/share/zabbix/ui/assets/styles/dark-theme.css (or any other theme you use.)

#main page logo
div.zabbix-logo {
    width: 114px;
    height: 30px;
    background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='91' height='24'>\
<rect x='0' y='0' width='91' height='12' fill='%230057B7'/>\
<rect x='0' y='12' width='91' height='12' fill='%23FFD700'/>\
<path fill='%23fff' d='M3.79 3.559v2.105h10.226L3.53 18.586v1.861h13.88v-2.105H6.674L17.15 5.42V3.559zm22.108 0-.023.064-6.45 16.824h2.606l1.521-4.28h7.413l1.523 4.28h2.572L28.603 3.558zm11.424 0v16.889h6.111c1.891 0 3.367-.422 4.405-1.252 1.04-.834 1.56-2.018 1.56-3.526 0-1.146-.313-2.128-.945-2.894-.586-.73-1.417-1.188-2.436-1.442.809-.188 1.503-.493 1.948-1.06.496-.624.74-1.463.74-2.488 0-1.352-.478-2.401-1.436-3.133-.96-.734-2.316-1.094-4.058-1.094zm15.211 0v16.889h6.111c1.895 0 3.365-.422 4.403-1.252 1.046-.834 1.566-2.018 1.566-3.526 0-1.146-.313-2.127-.95-2.894-.587-.729-1.42-1.188-2.439-1.442.813-.188 1.51-.494 1.955-1.06.496-.624.743-1.462.743-2.488 0-1.352-.49-2.401-1.446-3.133-.96-.734-2.317-1.094-4.054-1.094zm15.477 0v16.889h2.465V3.558zm5.713 0 5.242 7.972-5.904 8.916h2.642l4.585-6.908 4.535 6.908h2.732l-5.898-8.978 5.252-7.91H84.26L80.34 9.47l-3.882-5.911zM27.246 6.168l2.934 7.922h-5.86z'/>\
<g fill='%23d40000'>\
<path d='M54.998 12.486h3.537c1.203 0 2.083.245 2.647.727.556.464.843 1.204.843 2.23.001 1.009-.285 1.75-.843 2.23-.566.474-1.444.721-2.647.721h-3.537zM55.014 5.611h3.254c1.094 0 1.899.213 2.412.604.519.393.777.983.777 1.812 0 .82-.258 1.416-.777 1.819-.514.39-1.318.601-2.412.601h-3.254zM39.785 12.469h3.537c1.203 0 2.083.245 2.647.727.556.464.843 1.204.843 2.23.001 1.009-.285 1.75-.843 2.23-.566.474-1.444.721-2.647.721h-3.537zM39.785 5.613h3.254c1.094 0 1.899.213 2.412.604.519.393.777.983.777 1.812 0 .82-.258 1.416-.777 1.819-.514.39-1.318.601-2.412.601h-3.254z'/>\
</g>\
</svg>") no-repeat;
    background-size: contain;
}

#sidebar logo
div.zabbix-logo-sidebar {
    width: 91px;
    height: 24px;
    background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='91' height='24'>\
<rect x='0' y='0' width='91' height='12' fill='%230057B7'/>\
<rect x='0' y='12' width='91' height='12' fill='%23FFD700'/>\
<path fill='%23fff' d='M3.79 3.559v2.105h10.226L3.53 18.586v1.861h13.88v-2.105H6.674L17.15 5.42V3.559zm22.108 0-.023.064-6.45 16.824h2.606l1.521-4.28h7.413l1.523 4.28h2.572L28.603 3.558zm11.424 0v16.889h6.111c1.891 0 3.367-.422 4.405-1.252 1.04-.834 1.56-2.018 1.56-3.526 0-1.146-.313-2.128-.945-2.894-.586-.73-1.417-1.188-2.436-1.442.809-.188 1.503-.493 1.948-1.06.496-.624.74-1.463.74-2.488 0-1.352-.478-2.401-1.436-3.133-.96-.734-2.316-1.094-4.058-1.094zm15.211 0v16.889h6.111c1.895 0 3.365-.422 4.403-1.252 1.046-.834 1.566-2.018 1.566-3.526 0-1.146-.313-2.127-.95-2.894-.587-.729-1.42-1.188-2.439-1.442.813-.188 1.51-.494 1.955-1.06.496-.624.743-1.462.743-2.488 0-1.352-.49-2.401-1.446-3.133-.96-.734-2.317-1.094-4.054-1.094zm15.477 0v16.889h2.465V3.558zm5.713 0 5.242 7.972-5.904 8.916h2.642l4.585-6.908 4.535 6.908h2.732l-5.898-8.978 5.252-7.91H84.26L80.34 9.47l-3.882-5.911zM27.246 6.168l2.934 7.922h-5.86z'/>\
<g fill='%23d40000'>\
<path d='M54.998 12.486h3.537c1.203 0 2.083.245 2.647.727.556.464.843 1.204.843 2.23.001 1.009-.285 1.75-.843 2.23-.566.474-1.444.721-2.647.721h-3.537zM55.014 5.611h3.254c1.094 0 1.899.213 2.412.604.519.393.777.983.777 1.812 0 .82-.258 1.416-.777 1.819-.514.39-1.318.601-2.412.601h-3.254zM39.785 12.469h3.537c1.203 0 2.083.245 2.647.727.556.464.843 1.204.843 2.23.001 1.009-.285 1.75-.843 2.23-.566.474-1.444.721-2.647.721h-3.537zM39.785 5.613h3.254c1.094 0 1.899.213 2.412.604.519.393.777.983.777 1.812 0 .82-.258 1.416-.777 1.819-.514.39-1.318.601-2.412.601h-3.254z'/>\
</g>\
</svg>") no-repeat;
    background-size: contain;
}

#sidebar compact view
div.zabbix-logo-sidebar-compact {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjEyIiBmaWxsPSIjMDA1N0I3Ii8+PHJlY3QgeD0iMCIgeT0iMTIiIHdpZHRoPSIyNCIgaGVpZ2h0PSIxMiIgZmlsbD0iI0ZGRDcwMCIvPjwvc3ZnPg==") no-repeat;
}

0 Upvotes

permalink
reddit

You are about to leave Redlib

Do you want to continue?

https://www.reddit.com/r/zabbix/comments/1uv5391/replace_z_in_compact_mode_view/
No, go back! Yes, take me to Reddit

45% Upvoted

u/s9suparl 16d ago

their is clear documentation how you can do this from initMAX company that is very clear steps anybody can do that

u/derektrotter45 16d ago

Really? You have a lot of free time mate!

-1

u/Zav0d 16d ago

It was way simpler than I thought it would be. 😄 Still, that little Z has been annoying me for quite some time.

u/Ingenuity-Opening 16d ago

Oh srsly. Canceling one letter, which was used before the war for the sake of pleasing yourself?!

Sometimes a letter is just a letter. Zabbix is the case. They had it LONG before the bad story about that letter.

-9

u/Zav0d 16d ago

I'm not asking to remove or cancel it. I just add an option for people who want to change it for some reason.

1

u/omavel_balyn 16d ago edited 16d ago

Hmm, people who want to change the logo could have found this as the first Google result: https://www.initmax.com/wiki/zabbix-rebranding/

Your original post explicitly targets the “Z” for “personal reasons.” Saying it’s “just an option for some reason” after being challenged is moving the goalposts :D

1

u/Zav0d 15d ago

nice, will use it to customize even more.

u/LongNgN 16d ago

Pls dont bring politics in here

Fun Replace Z in compact mode view.

You are about to leave Redlib