Custom CSS overrides

[jeremyh]

Hi,

It would be really nice if the mango admin user could simply add some CSS overrides to Mango's web interface. A simple text form in the mango settings page would be the most convenient.

There are probably some other ways to do this such as looking for a stylesheet named "custom.css" (or similar) within the /classes/overrides folder, and loading that into the page if it exists.

In any case, the end goal is simply to enable the admin user to make some minor css adjustments without having to re-do them after upgrades.

Thanks!

Thanks,
Jeremy

[JoelHaggar]

I'm pretty sure we already have this feature with two methods. As you suggest you should be able to put the css you want to use in the overrides folder under the same path as the original file.

The other method is to you a theme module like this one and modify it's contents: http://store.infiniteautomation.com/module/sstTheme

[jeremyh]

@JoelHaggar said:

The other method is to you a theme module like this one and modify it's contents: http://store.infiniteautomation.com/module/sstTheme

Hi Joel,

As it happened that's what I had been doing. The theme was installed by default and that's where I found the classes that I wanted to modify.

If I continue editing the file web/modules/sstTheme/web/style.css, will this get overwritten during an upgrade (either manual or via APT) or is this safe?

I have made some minor cosmetic changes just to my own taste and to freshen it. If anyone would like to, you can download the edited file here: style.css (Overwrite it in the path above)

My changes: