Automatically wrapping CSS in @-moz-document url-prefix("chrome:") breaks some themes

[naiyerasif]

I've noticed that every theme downloaded from https://zen-browser.app/themes has its CSS automatically wrapped in @-moz-document url-prefix("chrome:") query. This breaks any theme that already has a @-moz-document query defined at its root.

I noticed this is breaking Compact Topsites. Is there an official workaround for this behavior?

[n7itro]

The chrome.css files have this prefix because they are only intended to affect the browser chrome. They are not intended to function as userContent.css files for now

[naiyerasif]

The chrome.css files have this prefix because they are only intended to affect the browser chrome. They are not intended to function as userContent.css files for now

Interesting. I probably missed this while checking the documentation on authoring themes. Still, does Zen plan to only support themes customizing browser chrome? If so, I can create a PR to remove Compact Topsites for now till this stance changes in future.