Suppose I want to add some custom CSS and JavaScript to be used on every page in the Umbraco backoffice. And suppose it’s not associated with any component (plugin, dashboard, tree item, package, etc.) in particular (i.e., it applies globally). And suppose I’d like it to remain intact across Umbraco upgrades (i.e., can’t update umbraco.css, as that’d get overwritten). It would ideally apply everywhere (i.e., in the trees and the dashboards and sidebar controls).
What is the most straightforward way of adding this CSS/JavaScript?
Some example use cases (in case you need some convincing this is a valid requirement):
- Change background color globally (e.g., so dev/stage/prod are clearly different).
- Darkening the Umbraco version number (so users can see it more clearly).
- Replacing the search box (e.g., so we can prevent typeahead from pegging the CPU on installs with lots of members).
I could go on. And I could submit many suggestions for these items to the Umbraco issue tracker. However, having a straightforward way of injecting CSS/JavaScript would allow me to address any issues I have immediately in a sustainable manner (i.e., so upgrades don’t clobber my changes).
This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/63379-custom-cssjavascript-for-umbraco-backoffice