Custom Theme not applying to Content Pages in 7.3

• Type: Bug
• Status: Open
• Resolution: Unresolved
• Affects Version/s: 7.3.3 CE GA4
• Fix Version/s: None
• Component/s: JS Toolkit, Liferay Themes
• Labels: None

NOTE: I actually had this issue while working with DXP EP4 but I believe it was cut from the same tag as GA4.

I am working on several sites/apps to showcase the new feature of 7.3. Obviously, as part of this process, I am building custom themes to create the visual eye candy we're looking to showcase. I've run into a problem with applying the themes to Content Pages where it doesn't seem to work - works fine with Widget pages though.

Steps to Reproduce

1. Use the Liferay JS toolkit to create a new theme
2. Open the custom.scss file and add

body { display: none }

1. Deploy the theme
2. Create a new content page and add a few fragments
3. Configure the content page to  your custom theme
4. Reload the page

Expected Results: The page is blank because the body is set to hide everything

Actual Results: The page still renders

 

Repeat the above steps for a Widget page though, and everything works as expected.

 

ADDITIONAL INFO:

 

On my content page, in the sources tab of the developer tools I don't see any reference to my theme being loaded. There is a reference to front-end-web though, as well as class-theme. On the widget page I see references to my theme.