Nagios Core Background Change

[vnoc]

Hi All,

Is there any possibility of changing the background color of nagios UI. If yes can anyone guide me please

[kyang]

Hi @vnoc,

Here is the Nagios exchange link for themes and skins add-ons.

It's fairly easy to change, I'll even include another link that provides steps using the wget command and unzip.

https://exchange.nagios.org/directory/A ... -and-Skins

https://amritgurung.wordpress.com/2015/ ... or-nagios/

Please note: Save a backup of the /usr/local/nagios/share/ folder before installing a new theme. In case something breaks and you have to refer back to the original.

Let me know if this helps!

[scottwilkerson]

In addition to what @kyang pointed out, you can modify the CSS in
/usr/local/nagios/share/stylesheets/

[vnoc]

I tried with below links but it didn't work .

Could you please check and let me know

[scottwilkerson]

Did you change the CSS in the directory I suggested?

[vnoc]

i have gone through the steps which are given in the link

[kyang]

@vnoc,

The links are for changing how Nagios core looks, and if you only want to change the background color of the UI you can find the CSS and edit it from there as @scottwilkerson mentioned

/usr/local/nagios/share/stylesheets/

Once you are in that directory
change the background color by doing

Code: Select all

vi tac.css

It will be under .tac { background-color: #xxx
You can replace the color value with what you like.

[bolson]

Hello vnoc, does this answer your question and may we close the topic?

[vnoc]

I am not understanding where to change

i have gone to /usr/local/nagios/share/stylesheets and tried to edit tac.css.

I have attahced the file of tac.css and present the colour is white which is the default one and i wanted to change it to blue or anyother colour so kindly help in fixing this

[kyang]

Hey @vnoc,

In your tac.txt I don't see a background-color in your .tac{

Add/replace this code in tac.css and see if it changes your UI color for tactical overview.

Code: Select all

.tac { background-color: #89D1FE; font-size: 10pt; }

and remember, you will have to change the CSS in all categories if you wanted the same color.

Let me know if it works!