Text in Boxes is displayed as white (invisible in Classic theme)

[rfluharty]

I'm running Cacti 1.2.2 on Debian 10.2. In many screens, the text in the boxes appear as white with a white background. I can only read the text if I highlight it with my mouse (the background color of the text changes, thus causing it to be readable.) This seems to be only with the classic theme. I don't want to use the other included themes as they show limited options in dropdown boxes and it's a pain to always narrow by search to less than 30 objects.

This post: http://forums.cacti.net/viewtopic.php?p=279434 seems to be the only user with a similar problem. No solution was given. He did propose a workaround which I tried, but it had other side effects as you can see in my post at the end of that thread.

That was an older post, so I thought MAYBE a new thread would get some results. I was hoping someone would have an answer by now.

I hope someone can help. It does appear that there's something with the .css used for that theme? I'm not a web guy and have a minimal understanding of those things.

Also, if it helps in diagnosis, I do have these packages installed:
ii libjs-jquery-ui 1.12.1+dfsg-5 all JavaScript UI library for dynamic web applications
ii libjs-jquery-ui-theme-smoothness 1.12.1+dfsg-1 all Smoothness theme for jQuery UI
ii libjs-jquery-ui-theme-south-street 1.12.1+dfsg-1 all South Street theme for jQuery UI
ii libjs-jquery-ui-theme-ui-darkness 1.12.1+dfsg-1 all UI Darkness theme for jQuery UI
ii libjs-jquery-ui-theme-ui-lightness 1.12.1+dfsg-1 all UI Lightness theme for jQuery UI


Thanks in advance for any help.

[netniV]

I think you need an upgrade. To get the latest stuff, Paul Gevers has a PPA with 1.2.8 in it. We will likely be releasing 1.2.9 this weekend.

[rfluharty]

netniV,

Thanks for the reply. I'm posting my solution in case someone else hits this thread later.

I found the offending parts by using development tools in Chrome and FireFox. It allows you to move your cursor to a point in the page and it shows the stanza in the appropriate .css file.

I ended up modifying /usr/share/cacti/site/include/themes/classic/main.css. I added "color: #FFFFF" where the text was rendering white, but should have been black and such.

I also had to do something similar for the calendar to work under Nectar plugin. It was under /usr/share/cacti/site/include/themes/classic/jquery-ui.css.
Again, these are the paths on my Debian system. Yours may be different depending on the distribution and if you installed via packages or whatever.

I should have made comments in the file so others could compare theirs, but I didn't have the foresight to do so.
I'm attaching my modified version in case someone else needs it.

YOU WILL HAVE TO CHANGE THE EXTENSION FROM .txt back to .css. I apologize for that, but it wouldn't let me upload a .css file.

I hope this helps someone.

[netniV]

If you can, I would open that as a bug report and submit a PR for it too.

[DeathAndTaxes]

Thank you, @rfluharty.

[DeathAndTaxes]

Wow, ok. Coming upon this issue again on a fresh install of 1.2.19 on ubuntu 22.04.1 lts, using classic theme. I changed one element (.ui-corner-all) in main.css to use color: #000000, not #FFFFFF, starting at line 2009 on my file:

Code: Select all

.ui-corner-all {
        border-radius: 0px;
        color: #000000;

[TheWitness]

Ubuntu has this interesting approach to their packages. Therefore, they use stock versions of things like jQueryUI instead of what comes packaged with Cacti. So, due to that the Classic Theme on Ubuntu/Debian has this artifact. If you open a bug with Debian, they will come bug us. It's working fine in stock Cacti though.