New Question
 
 
PRTG Network Monitor

Intuitive to Use.
Easy to manage.

200.000 administrators have chosen PRTG to monitor their network. Find out how you can reduce cost, increase QoS and ease planning, as well.

Free PRTG
Download >>

 

What is this?

This knowledgebase contains questions and answers about PRTG Network Monitor and network monitoring in general. You are invited to get involved by asking and answering questions!

Learn more

 

Top Tags


View all Tags


Customizing the PRTG Web Interface (Sunburst, Gauges, Sensors)

Votes:

0

Your Vote:

Up

Down

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?

color colorblind gauges sensors sunburst-personalization

Created on Feb 8, 2018 1:26:18 PM by  ahoppe (60) 1



1 Reply

Votes:

0

Your Vote:

Up

Down

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  Stephan Linke [Paessler Support]



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.