Nested styles for light and dark pages

I’m sure this is simple but I can’t seem to figure it out.

I have light and dark pages in my design. I basically want to set up stylings so all the text is white on the black pages and black on the white pages.

I thought it would be as easy as nested styles like when styling the rich text but this doesn’t seem to be an option?

I would like to give the section a class or id and then all text would be coloured accordingly.

Can anyone help?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

It can be done, the thing to be careful about is that the inheritance for RTE’s is usually e.g. All ParagraphsAll Paragraphs ( in RTB x ).

If you have styling set for All Paragraphs, you’ll more or less break the container styling inheritance.

Often I’ll fix this with a custom <style> block that explicitly assigns inherit to the attributes I want to inherit from the container, and that fixes most dynamic needs like lightmode/darkmode switching.