Hello. We would like to change the color of acknowledged sensors in PRTG. We are able to change the color of acknowledged sensors in sunburst / treemap map objects (in v12 and v13) with below css code. How do we change the status icon (e.g. in help box , device tree.....) as well ?

.treemap .device.downack, .nodeLinkTree .node image.downack, .nodeLinkTree .node rect.udownack, g.downack path { fill: #6600cc; background-color:#6600cc; }

In PRTG v12 , i have could find below 3 icon files for color modification. led_redok.png led_redok_big.png led_redok_tall.png

In PRTG v13, it seems not work even file color modificated. Instead , i have find a file "icon_partdown.svg" . Any ideal for this ?

Article Comments

hello,

you need to change the necessary png and svgs files and then make them read only so that they would not be changed by an update.


Jun, 2013 - Permalink

I am confused on how to change the color, my prtg is v14.

you can put all related files that must be changed to change color Acknowledge sensor status ?

thanks


Nov, 2014 - Permalink

how familiar are you with HTML?

please go to

<Prtg install path>\webroot\css\styles_custom_v2.css

edit the css file and add

}
.map_object.map_iconcolor_senso,.map_object.map_iconcolor_senso label,.map_object.map_iconcolor_senso span {
  background-color: <#colorcode color="statusdownack"> !important;
}
.map-marker.downack {
  background-color:<#colorcode color="statusdownack"> !important;
}
.treemap .device.downack,
.treemap .library.downack,
g.downack  path {
  fill: <#colorcode color="statusdownack"> !important;
  background-color: <#colorcode color="statusdownack"> !important;
}
#crumblersensorstats div.downacksens {
  background-color: <#colorcode color="statusdownack"> !important;
}
#sensorcounts a.sensorlinkpartialred {
  background: <#colorcode color="statusdownack"> !important;
}
#sensorstatusmessage.sensorstatusmessagesenso {
  background-color: <#colorcode color="statusdownack"> !important;
}
.deviceoverviewsensorvalues .achannel.status13,
.deviceoverviewsensorvalues .achannel.status13 .chartlegend {
  border-color: <#colorcode color="statusdownack">  !important
}
.deviceoverviewsensorvalues .achannel.status13 .sensoricon {
  background-color: <#colorcode color="statusdownack">  !important
 }

Nov, 2014 - Permalink

This doesnt seem to work. I changed mine to brown listed below and restarted the services.

}
.map_object.map_iconcolor_senso,.map_object.map_iconcolor_senso label,.map_object.map_iconcolor_senso span {
  background-color: <#663300 color="statusdownack"> !important;
}
.map-marker.downack {
  background-color:<#663300 color="statusdownack"> !important;
}
.treemap .device.downack,
.treemap .library.downack,
g.downack  path {
  fill: <#e67300 color="statusdownack"> !important;
  background-color: <#663300 color="statusdownack"> !important;
}
#crumblersensorstats div.downacksens {
  background-color: <#663300 color="statusdownack"> !important;
}
#sensorcounts a.sensorlinkpartialred {
  background: <#663300 color="statusdownack"> !important;
}
#sensorstatusmessage.sensorstatusmessagesenso {
  background-color: <#663300 color="statusdownack"> !important;
}
.deviceoverviewsensorvalues .achannel.status13,
.deviceoverviewsensorvalues .achannel.status13 .chartlegend {
  border-color: <#663300 color="statusdownack">  !important
}
.deviceoverviewsensorvalues .achannel.status13 .sensoricon {
  background-color: <#663300 color="statusdownack">  !important
 }

Jun, 2020 - Permalink

Hi,

Are the changes that you made visible after the restart of the core server system in the affected file?


Jun, 2020 - Permalink