Theming and or differentiating multiple opnsense instances.

[katamadone [CH]]

Hello everyone,

I would like to give you some inputs. Maybe it will help others, maybe you could even include it as a feature/extension.
We have several instances of OPNsense. First we normally differentiated them with light and dark themes (especially HA).
But of course this is only partially sufficient later on - if you have more :).
In the past, I copied the themes and then edited

Code Select Expand

assets/stylesheets/main.scss
build/css/main.csswith vi replace command in both

Code Select Expand

:%s/#3C3C3B/#67b577/g
Now it's even easier.. although depending on the colours ugly 🙃

Code Select Expand

#change to themes dir
cd /usr/local/opnsense/www/themes/
#move old copy
mv cp_fw cp_fwold
#recopy original theme
cp -R opnsense cp_fw
cd cp_fw
vi build/css/main.css

#change background login-modal-head to
.login-modal-head {
  background: #67b577;

#and background navbar-default to
.navbar-default {
  background-color: #67b577;
Then you only have to select the new theme under System, Settings, General
It could also be integraded in theme customization. Altough I do know that's a super simple approach. It can help a lot.
Result is then:
You cannot view this attachment.
You cannot view this attachment.

[Patrick M. Hausen]

I use the picture widget on the dashboard a lot so I see immediately which customer's firewall it is I am logged in to.

[katamadone [CH]]

Yes, nice idea, too. I like it a little more permanent. Especially when configurate multiple opnsense at the same time for whatever reason. Thanks for mentioning.