I’m working on adding dark mode to my site, and some elements require manual tweaking.
My thought was to approach this by adding a relative selector such as:
This works great on the front-end, but doesn’t show the styling on the back-end.
That’s because the dark mode selector (.dark) is applied to the <html>
element, but the CSS generated inside the editor is:
.editor-styles-wrapper .dark .my-section
.editor-styles-wrapper is of course applied to the body tag, so this selector won’t work.
Any ideas on how we could apply styling using the dark mode selector on the back-end?