Messages

The skin is one thing. My big challenge is still to come. Currently, you have to manually copy and replace the color scheme files. I'd like to develop a plugin that does this from within the Opnsense GUI. It's actually quite simple: you'd just have to display the subdirectories in a specific folder named after the theme name in a listbox, and then copy the default-scheme.css contained in each of these subfolders into the theme's build/css/ folder. The whole thing could be enhanced with a screenshot of the skin. The crowning glory, of course, would be a color picker. Surely simple for a professional programmer, but for me, who's never worked with PHP, etc., it's a mystery. But let's see what I can come up with. Maybe a pro will enjoy the idea and offer a little support for a beginner. ;-)

I don't think I'll develop more than these four different color schemes on my own.
I've created "flexcolor" with the idea that everyone could design their own personalized color scheme, more easily than the original approach, which required searching for corresponding color values ��for specific elements of the Opnsense GUI in each of the relevant CSS files.  The whole thing works relatively simply, as you only have to change the predefined colors. I don't need a contest, but maybe it would be a nice idea to share your own designed scheme here, if this is okay for the developers of OPNsense. It's just a file you have to post. It will be easier to understand once the skin is released.
However, I would like to emphasize again that the development of the original skin is based solely on the ideas of the developers of the other skins, such as vicuna, rebellion, advanced, and opnsense, to whom I owe a debt of gratitude. I simply copied the original CSS code from all these skins together and made it into something new. I hope nobody has a problem with that.
I haven't changed things like the corner radius or changed a square into a circle, or anything like that, so flexcolor will always look a bit like the other skins. But just by changing the colors, you can personalize a lot.

Here are two more screenshots. One of the "black" theme, a slight modification of the "dark" theme for oled users and the "light and dark" scheme, that I've developed as a proof of concept to test if it is possible to mix light and dark colors within one color-scheme for flexcolor.

Hi,

today I've finished my skin "dark-blueorange" and renamed it to "flexcolor".
It was designed to have different color-schemes to easily change but there is still a plugin missing for changing it.
I've made two designs in the first step, a dark one and a light one (see attached images). More will come in the next release and of course you can make one on your own if you are interested in doing this. I have tried to document the used colors as well as I can.
I've loaded it up to github and made a pull-request. Hope I did everything right this time.
If you want to change from dark to light you have to copy the default_scheme.css from the color-schemes folder to the /build/css/ folder.
Maybe it could be integrated in one of the next builds of OPNsense if there is interest in it.
Thanks to all developers of OPNsense and the developers of all the beautiful skins for this and also for other software.

Hi,

I've finished the theme today, changed the name to flexcolor, loaded it up to GitHub, and made a new pull request. Is this all I have to do for having it as a new theme in one of the next Updates?

I will do it as s plugin. This is the much better solution. But at the moment I make some extensions for it. Therefore it makes no sense to put work to the team and then change the theme and in peculiar the theme name in a few days again. Just give me some days.

I closed the PR on github and change this thread to close now.
C.U.

Hi,

I have a much better idea for the skin and that will change the name of the skin.
So I think it will be the best to close the PR on github so nobody has to review and check it, and I will reopen it in a few days or weeks when it is ready.
Sorry for the confusion.

Thank you so much for your help. I promise to be less difficult to handle in the future.☺️

Now it should be available I think.

Sorry for the problems. It ist the same Name Schnuffel2008

Hi,

sorry I have not seen your E-Mail with the explanations Monviech. I've tried my best now and hope I've finally made it. As I said it is a little bit complicate for someone that nether used github.

Hmm,

don't know what I am doing wrong. But it still isn't working

I've tried to do make a pull request but it failed with the message that I am no collaborator. Can you please help me a little bit more?

Hi,
is there a way to change the color for the element in the attached screenshot for my my own skin? It is to dark and can't be seen.

PS: I found the solution on my own. You have to add the following lines in the main.css:

ul.jqtree-tree .jqtree-toggler {
 color: #XXXXXX !important; }