Colors... Nooooo.

Started by BrandyWine, August 22, 2025, 04:04:10 AM

Previous topic - Next topic
Is there a "suggestions" or "request for enhancements" forum?

Anyways, don't put white text on light colored backgrounds. ;)


I have never seen it like this, but I am using the cicada theme since a long time to have a dark mode. Is this with the new OPNsense own dark mode? I have only enabled it for a short time to see how it looks and switched back to cicada as I did like that better. But of course this is my personal opinion.

Maybe creating an issue at https://github.com/opnsense/core/issues is the best way forward.

August 23, 2025, 06:11:39 AM #2 Last Edit: August 23, 2025, 06:18:16 AM by BrandyWine
I dont have any theme plugins enabled. It's the opnsense-dark from System:Settings:General

So then please create a bug report.

If you also want to play with other themes, you first need to install them through System / Firmware / Plugins. You may have to enable the "Show community plugins" on top right. To show only themes, filter for "theme". The one I am using is called "os-theme-cicada".

After installing it needs to be set it in Systems / Settings / General.

This is ESPECIALLY bad on the live view pane... the text for matches is completely illegible y'all... this is true across opnsense-dark vicuna-dark, and cicada-dark...

Not sure how yall validated these style changes but I'd like to encourage some more thorough assessment of visibility when selecting this stuff? :)

Today at 05:46:08 AM #5 Last Edit: Today at 07:35:52 AM by BrandyWine
Yes, bad color scheme, but I not bashing the community version, just hoping the next iteration puts black text on light colored backgrounds.
Cheers.

I fixed it.
/usr/local/opnsense/www/themes/
cp -r opnsense-dark mytheme

/usr/local/opnsense/www/themes/mytheme/build/css

edit bootstrap-dialog.css (change fff to 000)
.bootstrap-dialog .bootstrap-dialog-title {
  color: #000;

Then go into System:Settings:General and choose your new theme "mytheme"

Easy reading



Using inspector to find where stuff is and edit live




Great, but please also file an issue. Perhaps even with a PR for better colors?

Quote from: devilkin on Today at 07:59:07 AMGreat, but please also file an issue. Perhaps even with a PR for better colors?
What issue? OPNsense functions just fine with bad colors. ;)
It's free software, I can fix what I need fixing.
If OPNsense changes the colors, then great.

I am working on adding the Logout link to the header so I don't have to dive into Lobby to do it.

Please create an issue here or it will not be picked up and fixed:

https://github.com/opnsense/core/issues
Hardware:
DEC740

Quote from: BrandyWine on Today at 08:43:55 AMWhat issue? OPNsense functions just fine with bad colors. ;)

Because others might also benefit. Opensource isn't just about taking, it's also about contributing back.

Quote from: devilkin on Today at 01:25:45 PMBecause others might also benefit. Opensource isn't just about taking, it's also about contributing back.

I concur. And as a rule of thumb: more talking equals less progress.


Cheers,
Franco

There's a huge list of functional bugs on github. Colors issue won't even be relevant there.
If someone has github acct and wants to list this colors issue, please do. I don't find the effort as being fruitful.