Add option to overwrite default styling with custom css

[dorianbrown]

Auto-reviewers: @NiharikaRay @matthewwardrop @earthmancash @danfrankj

I'm sure lots of companies have a branding preference for internal sites. It should be fairly easy to add the option for loading a custom.css file which overrides the base.css.

I was thinking about having it look in static/css/pages for a custom.css file. You could also add it as a config option, but that thing is getting pretty crowded...

[matthewwardrop]

Hi @dorianbrown , I have a branch locally which adds most of the support necessary for this. I'll try to push it soon :).

[dorianbrown]

That's great to hear! I'm starting on some css and already hacked in the functionality so no hurry.

I am trying to keep close to the master, I recently found out forking too much is a real pain in the long run :smile:

[dakl]

Is anything happening to this issue? We're interested in styling our KR deployment.

[franciscogmm]

would like to bump this up :) would be great to customize the layout and css based on the requirements of the different users

[bulam]

@dakl @franciscogmm We don't have work going on for this feature at the moment, but you guys are welcome to submit a PR with this functionality. I would be happy to review and merge. The feature could work by allowing users to write a custom child CSS file that would override the CSS settings for that deployment only, while keeping the deployment compatible with master and future updates on master. Wordpress has a similar concept of parent & child CSS themes that allows customization while maintaining compatibility.

We would basically just need to specify a loading hierarchy of CSS files. First the default CSS files and then the custom ones so that they can override the defaults.