So I attempted to explore the path of theming Kibana with a plugin and the results were a bit sad
LESS is a great language for pre-processors of CSS and I actually prefer it compared to SCSS. But unfortunately what makes it great doesn't allow us to override variables with a plugin.
Right now the colors of Kibana are determined mostly by a file called
colors.less (surprise). LESS then uses the variables set there to compile the next files:
Which means if you try to override the variables later, it will only affect the files that use that variable after that point:
So if you want to change the colors in
something-else you are forced to edit
colors.less. This may seem like it makes a lot of sense given a programming background, but if you compare it to SCSS it's quite a bit different.
--- For those interested
SCSS runs through ALL variables, assigns them, then starts rendering the other files. Meaning whatever you set your variables to LAST is what will apply across the board.
--- To theme Kibana with a plugin
If you wish to theme Kibana with a plugin, you are forced to step into the specificity and !important realm of overriding vanilla CSS. I will not personally do this since it creates a pile of bloated CSS and is difficult to maintain. I'll continue to fork Kibana to alter the colors.