Unsense - new GUI theme

Started by ptrzn, May 06, 2025, 02:05:22 PM

Previous topic - Next topic
May 06, 2025, 02:05:22 PM Last Edit: May 06, 2025, 06:22:39 PM by ptrzn
Hello all,

I have developed a GUI theme for OPNsense.  It uses a modern flexbox layout, has a light and high contrast dark variant (respecting the user preferences set in the browser) and aims to address some usability/ergonomic issues for those of us with grey beards and less than perfect vision. 

https://pkg.froggle.org/unsense-repo/

I have been running it on my systems for some time but it is an initial release.  Any comments, feedback and bug reports are welcome and appreciated.

As a grey haired model myself I do enjoy your theme, just installed it and it does respect the browsers light/dark setting! A more contrast and bigger text then other (dark) themes (I did them all), thank you for your work!


In Dark Mode: What I can't read too well is, e.g. Firewall: Diagnostics: States, the 'States' | 'Actions' thingy, the selected one is dark/black background and dark-blue text. The same goes for e.g. the Dashboard 'Click to check for updates' and so on all have the same dark-blue text color which is for me hard to read against a black background. Does that color combination work well for you?
Deciso DEC740

QuoteIn Dark Mode: What I can't read too well is, e.g. Firewall: Diagnostics: States, the 'States' | 'Actions' thingy, the selected one is dark/black background and dark-blue text. The same goes for e.g. the Dashboard 'Click to check for updates' and so on all have the same dark-blue text color which is for me hard to read against a black background. Does that color combination work well for you?

I'll look into these, thank you for reporting them.  If you could post a screenshot or two of the bits that are hard to read for you that would be helpful in adjusting the colors/hues.

May 07, 2025, 07:47:10 AM #3 Last Edit: May 07, 2025, 09:10:48 AM by patient0
Quote from: ptrzn on May 07, 2025, 01:43:24 AMI'll look into these, thank you for reporting them.  If you could post a screenshot or two of the bits that are hard to read for you that would be helpful in adjusting the colors/hues.
Of course, I forgot about screenshots for a moment :) ... I'll update this post later, but it's basically the dark blue in your dashboard screenshot, in the Gateway widget, the color of the name of the gateways like 'WAN_DHCP', 'mullvad_gw', etc.

Firewall: Diagnostics: States - States | Action => 'States' text
You cannot view this attachment.

Dashboard Check for updates: 'Click to check for updates' text
You cannot view this attachment.

The contrast between the black background and the dark blue text is not optimal for me, but then it's maybe just me.
Deciso DEC740


I prefer dark mode and I find the blue is easier to read than the orange.

As noted a little more contrast for the blue would help.