Cannot enforce modern theme in Page Add-In

Steven Lopresti

Hi,

We're trying to enforce the modern visual theme in a Page Add-In as per the SKY UX documentation, but can't seem to get it to work.

We've confirmed that the client is using the modern theme, but our Page Add-In is not inheriting it. As per the documentation, we set provideInitialTheme(‘modern’) in BootstrapApplication, and it works perfectly locally. However, that's not the case with the Page Add-In.

The documentation says that we can enforce it using setTheme on SkyThemeService: https://developer.blackbaud.com/skyux/learn/visual-theme/enable-modern#theming-for-standalone-SPAs The question is, how? There aren't any examples in the documentation.

We tried using it in our app component on Init, but it doesn't work.

Has anyone found a way to enforce the modern visual theme in a Page Add-In?

Thank you!