Knowledge Base

How can I change the colors of the sensor list in the web interface of PRTG Traffic Grapher

Diese Seite steht leider noch nicht auf Deutsch zur Verfügung. Wir bitten um Ihr Verständnis!

With version 6 we introduced a less colorful look&feel for the sensor list of the web interface and Windows GUI. The new look is intended to make the list easier legible and to be able to emphasize and de-emphasize important and less important areas of the interface. E.g. the background color for sensors with "OK" status was changed from a light green to white.

But some users of PRTG Traffic Grapher may prefer a more colorful look. This article explains which changes you need to apply in order to get a look&feel which looks similar to PRTG verison 5.

Step 1: Copy one of the default skins

It is a good idea to create your own skin folder before changing the skins. If you edit the default skins of PRTG an installation of a new version of PRTG may overwrite your changes.

Go to the webtemplates folder which usually is:

c:\program files\prtg traffic grapher\webtemplates

Make a copy of the folder of your preferred skin and name it e.g. "MySkin".

Step 2: Edit the CSS file

With a text editor (e.g. notepad) open the file "prtg.css" which can be found in the "css" subfolder of your "MySkin" folder.

There is a section which is marked with this comment:

/************************/
/* Background Colors for the Sensorlist */
/************************/

In this section you can apply your changes to the sensor list, e.g. find the following section:

/* Uncomment to Show Paused Sensors with Yellow Background 
.statuspaused, .statuspausedeven, .statuspausedodd
{
  background-color:#FFFED2;
}
*/

Remove the /* and */ comment marks and you will see a yellow background for sensors with warning state.

At the end of the section add the following code to show sensors with OK status in green:

.statusok,.statusokeven
{
  background-color:#C2E9B5;
}

.statusokodd,.statuspausedodd
{
  background-color:#D9EFD1;
}

More options

Removing the /* and */ comment marks from the following section will show the names of groups with failing sensor(s) on a red background:

.statuserror
{
/* Uncomment to show Groups with failing sensors with a Red Background 
  background-color:#FFD7D7;*/
}

By Category

PRTG Traffic Grapher V6