Cannot load my stylesheet into umbraco 17 backoffice to override uui-radio-group styles

Questions
,
2

Hi @charlesa-ccs

Your files are under wwwroot/BackOfficeStyles, but the manifest and entrypoint point at /App_Plugins/BackOfficeStyles/ - which are different folders. Backoffice extensions should live under wwwroot/App_Plugins/{name}/, so move everything in there. Also, the manifest needs to be umbraco-package.json (hyphen), not umbraco.package.json, otherwise it won’t get picked up at all.

Your entrypoint is named entrypoint.css but contains JS, and the manifest references entrypoint.js. Rename it to .js and export an onInit rather than running bare top-level code:

export const onInit = () => {
  const style = document.createElement('link');
  style.rel = 'stylesheet';
  style.href = '/App_Plugins/BackOfficeStyles/backoffice.css';
  document.head.appendChild(style);
};

There’s a specific example for registering global CSS here:

Justin