How to properly negate in an Angular component (locally) with :host-context() and :not()?
For example, say there is a light/dark theme, differing only by body.dark (added to "dark" theme) and we need red color only in "light" theme with no changes to color in "dark" theme locally (meaning the code should work in the local Angular component SCSS):
In foo-bar.component.scss:
:host-context(:not(.dark)) {
color: red; // red color needed only in "light" theme, no changes to color for "dark" theme
}