Hi, one of my colleagues is color blind. The default colors of yellow and green look almost exactly the same to him, if not the same. He is unable to "see" or decide which is the green or which is the yellow. Using https://kb.paessler.com/en/topic/43283-change-color-of-sunburst-treemap-in-maps#reply-137223 I was able to change the appearance of the Sunburst green only (as long as that is very different from yellow, it's fine), but there are many area's that keep using the same green as the default green, gauges, sensors, background related sensors in maps, etc. I really think PRTG should be taking in account color blind people and offer an option to change the appearance of green throughout PRTG, and not via a deprecated method that is lost on upgrades. How can we achieve this and if not possible, will it be a future option please?
1 Reply
Hi ahoppe,
Please insert the following CSS code into
%PROGRAMFILES(X86)%PRTG Network Monitor/webroot/css/styles_custom_v2.css
/* Error */
.icon.sensr:before, .status5 icon:before, .header_sensorstats .statusinfo.downsens a, .sensorTree.tiny sensor.status5 {background-color: #e30613 !important;}
/* Partial Error */
.icon.sensq:before, .status14 icon:before, .header_sensorstats .statusinfo.partialdownsens a, .sensorTree.tiny sensor.status14 {background-color: linear-gradient(135deg,#b8c419 0,#b8c419 50%,#e30613 50%,#e30613 100%) !important;}
/* Ack Error */
.icon.senso:before, .status13 icon:before, .header_sensorstats .statusinfo.downacksens a, .sensorTree.tiny sensor.status13 {background-color: #e67278 !important;}
/* Up */
.icon.sensg:before, .status3 icon:before, .header_sensorstats .statusinfo.upsens a, .sensorTree.tiny sensor.status3 {background-color: #b8c419 !important;}
/* Warning */
.icon.sensy:before, .status4 icon:before, .header_sensorstats .statusinfo.warnsens a, .sensorTree.tiny sensor.status4 {background-color: #f5c500 !important;}
/* Unusual */
.icon.sensp:before, .status10 icon:before, .header_sensorstats .statusinfo.unusualsens a, .sensorTree.tiny sensor.status10 {background-color: #f59c00 !important;}
This will convert all status colors accordingly :) If you want this for your colleague only, there are various extensions for most browsers that allow to store customized CSS for sites.
Kind regards,
Stephan Linke, Tech Support Team
Created on Feb 9, 2018 11:39:26 AM by
Please log in or register to enter your reply.
Disclaimer: The information in the Paessler Knowledge Base comes without warranty of any kind. Use at your own risk. Before applying any instructions please exercise proper system administrator housekeeping. You must make sure that a proper backup of all your data is available.
Add comment