Notifications
Clear all

[Solved] Dark theme

11 Posts
5 Users
1 Reactions
8,312 Views
544138550d8ce1f687d5e01fa0c05cd9ec8d7429f7a31ff7fe6cb869edea5803?s=80&d=mm&r=g
Posts: 11
Admin
(@nagios-laura)
Member
Joined: 6 months ago

@dragonsneagu95 I did the following on a 4.5.7 version of Core, to get a dark background on the Services page.

In /usr/local/nagios/share/stylesheets/common.css, I added the background-color line and the td.infoBox rule.

body {
  margin: 0.8em 0.8em 2em 0.8em;
  font-family: Geist;
  font-weight: normal;
  font-size: 10pt;
  background-color: var(--background);    /* This makes the background black */
}

/* This overrides the color of the text in the top left hand corner */
td.infoBox {
  color: var(--foreground);
}

In /usr/local/nagios/share/stylesheets/status.css, I added this rule, after the first th.status rule, in my case that was line 14.

th.status {
  color: var(--foreground);
}

After updating, you should be able to do shift - reload with your browser to have it pull in the changes.

There may be other tweaks required, but hopefully this will get you started.

Reply
748733309ea4d3988819319f46f3c794c51508e4b1f52fb0329ac8f862075d90?s=80&d=mm&r=g
Posts: 4
Admin
(@nebbahn)
Member
Joined: 6 months ago

@dragosneagu95, You verified that the files you copied over the stylesheets folder into /usr/local/nagios/share? Also note that you may need to clear your browser's cache for your Nagios server for changes to reflect properly. 

Reply
Page 2 / 2
Share: