Forum Discussion

kenneho's avatar
kenneho
Brass Contributor
May 19, 2020

Recommendations for custom theming of modern SPO sites

Hi.

 

We'd like to adjust fonts, menu item styling, colors and so forth to match our company branding. I came across https://github.com/pnp/sp-dev-fx-extensions/tree/master/samples/react-application-injectcssthat allows for uploading custom CSS files to SPO, which looks promising. Is this the approach other SPO users (w/modern sites) use? Have you managed to get the above SPFx project working, and custom CSS applied to your sites?

 

If possible, we'd like to apply the custom theming only to a subset of our sites, so if there's a way to use for example powershell to loop through our sites and apply a custom CSS we'd probably do that. 

2 Replies

  • SPO branding in general does not support the scenario you have described here...branding is going to be improved in the future, but no ETA and details about when and what would be supported. For now, SPFx is the way to go as you well mention
    • kenneho's avatar
      kenneho
      Brass Contributor

      jcgonzalezmartin Thanks. 

       

      I see that the referenced SPFx project looks quite outdated, as it requires Node v10. Likely the project dependencies are old as well, meaning that there may be critical bugs I don't want to deploy to my production environment. 

       

      If other SPO admins have created a custom theme and could like to advice on which approach they went for, I'd appreciate it.