CSS, LESS, or Sass - creating dark right frame content page with ease

[dahlskebank]

Mmmmm. I love this theme! Thanks for making Virtualmin bearable to use in 2015. ;)

Do you have any of the stylesheets in LESS or Sass? Since this is built on Bootstrap, I would like to restyle the theme to something dark, which is rather easy if you've built the theme from Bootstrap LESS. There's too much white for my eyes... I can do this step by step, per class and such, but I do prefer working from LESS.

Or do you have a dark theme in the plans?

[iliajie]

You are welcome! I'm fully agree with having Sass but at the moment it would required a lot of work. Maybe one day in the future.

Do you know that in theme's settings you can make it darker and choose other colors? It's not dark enough and you wanted it to be darker?

[dahlskebank]

LESS also works nice. Bootstrap is originally LESS, not working from those files? Didn't see any in the github project...

http://bootswatch.com/darkly/
Although not this style, but that kind of dark. I didn't find any settings that make the whole theme dark (dark background, bright text). I can still restyle only those elements of Virtualmin I use, but rather time consuming compared to LESS when the theme is already based on Bootstrap.

How do you add all your custom CSS to the theme?

[iliajie]

There is authentic.css in the repo, take a look. It's not done that nicely as LESS or Sass. I will think of creating dark right frame panel. It's not easy and will take some work. Good idea thought! Thanks! I have added is to my future todos.

[dahlskebank]

Is package.min.css pure and original bootstrap.css?

[iliajie]

Yes. This is authentic.css file that does things along with authentic.js.

[iliajie]

Have a look at the patch above.

Dark theme for the right content page finally here. 😉

I hope you will like it! Give it a try by updating from GitHub.