Dark Theme In a Day

I was supposed to be studying for a Cisco exam today but I ran out of ways to avoid doing study and so turned to creating a dark theme for Solarwinds and I thought I'd share my hard work with you all. I did it all by only entering some additional lines to mainlayout.css. I will look into adding a switcher at some point so my users can choose the default or dark theme but it's late now so that will have to wait for another day:

screenshot1.JPG

NB: Build your own template using GSOCK

Parents
  • Amazing response, thanks guys, glad you like it, these comments makes the work worthwhile!

    It was simply a case of applying additional lines to the bottom of mainlayout.css and adding the "!important" tag which causes my lines to take precedence over the current css no matter which stylesheet the original styles originated. This means that you don't need to actually delete or overwrite the default theme, just add my lines in to mainlayout.css.

    I want to install all Solarwinds apps and run through some scenarios to make sure it stays styled across all scenarios then I'll publish here, I promise. I've got a busy couple of weeks but as I'm blown away by the response I'll do my best to get some time and upload it ASAP. I will also get around to adding a switcher too using a bit of java.

Reply
  • Amazing response, thanks guys, glad you like it, these comments makes the work worthwhile!

    It was simply a case of applying additional lines to the bottom of mainlayout.css and adding the "!important" tag which causes my lines to take precedence over the current css no matter which stylesheet the original styles originated. This means that you don't need to actually delete or overwrite the default theme, just add my lines in to mainlayout.css.

    I want to install all Solarwinds apps and run through some scenarios to make sure it stays styled across all scenarios then I'll publish here, I promise. I've got a busy couple of weeks but as I'm blown away by the response I'll do my best to get some time and upload it ASAP. I will also get around to adding a switcher too using a bit of java.

Children
No Data