Just a quick tip in case you're using OPNSense as your firewall application.
I've switched the theme of mine to dark theme, but there were a few colors I didn't like, so I wanted to edit the CSS file to adjust those.
I've used the Vicuna theme as my base, but this works for any theme.
To install a different theme, in this case the Vicuna theme (os-theme-vicuna) go to System - Firmware - Plugins and locate "os-theme-vicuna" and install it.
After installing the new theme, go to System - Settings - General and set the theme to "vicuna" and click Save. You may have to refresh the page to see the new theme.
Next we're going to use SSH to edit our files, to do so we need to enable SSH access. I do this only temporary while working on the CSS file. When done editing I disable SSH again.
Go to System - Settings - Administration and scroll to Secure Shell Server and check Enable Secure Shell and scroll down and click Save.
You can now connect to you firewall with SSH, so lets do just that: connect to OPNSense with SSH.
On MacOS/Linux (change the IP address to the one of your server):
ssh root@192.168.1.1
Your password will be asked and a menu will appear after successful login - select option 8 (Shell).
Next we want to make a copy of an existing theme, for example the Vicuna theme to "mytheme".
I intentionally work with a copy, just in case I screw up, and to easier identify the them I'm tinkering with.
cd /usr/local/opnsense/www/themes/
cp -r vicuna mytheme
In the OPNSense web interface, you can now see your "mytheme" listed (may need to refresh the page: System - Settings - General).
I prefer using nano as my text editor, which can be installed like so (source):
pkg install nano
Next, go to the directory in your theme where you can find the main.css file which holds most of the theme colors and such.
cd /usr/local/opnsense/www/themes/mytheme/build/css
nano main.css
Feel free to edit what ever you want. 😊
When testing, do not forget that your browser may be caching the CSS, so a forced refresh may be needed to reflect the changes.
Also note that the colors for the graphs are not controlled (yet) by the theme - so you cannot change these here.
Do no forget: disable SSH access when done 😉