OPNsense Forum

Archive => 17.7 Legacy Series => Topic started by: bavarianblessed on December 01, 2017, 10:17:56 am

Title: I promise I searched - Theme availability?
Post by: bavarianblessed on December 01, 2017, 10:17:56 am

Hello everyone,

I just swapped over from pfSense and so far OPNsense is running much smoother than it was.
I swear my download speeds are faster somehow..

Anyway the only thing that I am missing on OPNsense is a darker theme for the GUI. I know that must sound petty to most of you but it makes the configuration and experimentation process much less fatiguing while I'm learning my way around the interface.

I did find a few references to modifying the style sheets manually but that's beyond my skill level at the moment  :-[
Are there any available dark(er) themes for download that I can drop in place?

Title: Re: I promise I searched - Theme availability?
Post by: bavarianblessed on December 02, 2017, 10:57:08 am

Nobody?

Title: Re: I promise I searched - Theme availability?
Post by: weust on December 02, 2017, 11:32:55 am

It's a forum. Don't expect people to answer in 30 minutes after your initial post ;-)
Be patient.

Title: Re: I promise I searched - Theme availability?
Post by: bavarianblessed on December 02, 2017, 11:40:18 am

Oh no I'm not trying to be pushy at all. It was actually 24hours since the original post ;-)

Title: Re: I promise I searched - Theme availability?
Post by: weust on December 02, 2017, 11:41:16 am

Totally missed the day part. My bad.
Still early here...

Title: Re: I promise I searched - Theme availability?
Post by: fabian on December 02, 2017, 12:25:25 pm

As far as I know there are no other themes. It is possible to create your own. You just have to copy the opnsense directory in https://github.com/opnsense/core/tree/master/src/opnsense/www/themes (https://github.com/opnsense/core/tree/master/src/opnsense/www/themes) and do your changes inside it.

For example it is very likely that you want to change this file: https://github.com/opnsense/core/blob/master/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss (https://github.com/opnsense/core/blob/master/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss)

This is not working in the browser and needs to be preprocessed using SASS (http://sass-lang.com/).The output will be in the build directory like you can see in the default theme.

Title: Re: I promise I searched - Theme availability?
Post by: franco on December 02, 2017, 03:31:29 pm

Hi there,

We are not against other themes, yet we have code to shape and improve and don't believe a new theme is a core mission. For that reason, themes can be built as plugins:

https://github.com/opnsense/plugins#about-the-opnsense-plugins

The only part that is missing is someone who is willing to maintain e.g. a dark theme over there.


Cheers,
Franco

Title: Re: I promise I searched - Theme availability?
Post by: bavarianblessed on December 02, 2017, 08:20:31 pm

Thank you both, Fabian and Franco. I'll see if I can google my way through making the changes I want. If I can manage to make it work I'll do my best to share it as a plugin  :)