Dark theme - Nagios Core Services Platform

RE: Dark theme

nebbahn — Fri, 27 Dec 2024 15:47:45 +0000

@dragosneagu95 Glad to hear you've got it worked out. Let us know if there's anything you need help with in the future.

RE: Dark theme

dragosneagu95 — Tue, 24 Dec 2024 13:23:13 +0000

Everything it's fine now. It worked. Maybe I should have deleted my cookies or try another browser. The modification haven't applied instantly. But now everything it's good now. Thank you @nagios-laura and @jmichaelson !

RE: Dark theme

nebbahn — Fri, 20 Dec 2024 22:05:42 +0000

@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.

RE: Dark theme

nagios-laura — Thu, 19 Dec 2024 19:23:42 +0000

@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.

RE: Dark theme

dragosneagu95 — Thu, 19 Dec 2024 06:41:59 +0000

@jmichaelson It would have been a good idea to save that file before upgrading to a new version. I made some changes on my current common.css but there is no difference. It's the same background.

RE: Dark theme

dragosneagu95 — Thu, 19 Dec 2024 06:37:19 +0000

@nagios-laura I have followed your two links and did the configurations but nothing have changed. I have copied the new files to my server, restarted the nagios.service, but nothing have changed. It's the same white background

nagios_2.png

RE: Dark theme

nagios-laura — Tue, 17 Dec 2024 14:45:04 +0000

Hi dragosneagu95,

There are a couple of dark themes on the Nagios Exchange. Did your Core GUI look like either of these themes, before the upgrade?

Nagios Core Dark Theme only CSS

Nagios 4 Dark Theme

If this is what you need, you can find them at Exchange Search - core dark theme

RE: Dark theme

jmichaelson — Mon, 16 Dec 2024 19:59:22 +0000

Hey Dragisbeagy95,

I'm having a hard time seeing a dark theme on these pages even in 4.5.7 or 4.5.8. The dark theme is applying to the menu on the left side of the page for me. Is it for you as well?

These styles are coming from /usr/local/nagios/share/stylesheets/common.css. is it possible you'd made changes to this file before you did the upgrade?

Untitled.png

RE: Dark theme

dragosneagu95 — Thu, 12 Dec 2024 06:19:02 +0000

Hi Sandor,

I've attached the picture with light background. On the previous version it was dark. This background I want to modify.

nagios_1.png

RE: Dark theme

Sandor — Wed, 11 Dec 2024 16:31:44 +0000

Hey Dragisbeagy95,

I'm unsure of a config file for updating the styling, I would think it would require updating the css file but I can continue to look and get back to you on that. Notably core 4.5.7 did have a update to the styling which includes a dark background, does the question mean you had changes prior to include a dark background prior to these changes? Or is it more that after the update you are not seeing these styling changes? Here is a github link for the merge request that includes the styling changes if it helps. https://github.com/NagiosEnterprises/nagioscore/compare/293b3299e597b282480591c282ec90e138612b37...402fbc402e8c42a376703bcfbbb50c15eb5539f3

Thanks,
Sandor