Как определить, имеет ли тег класс в дочернем компоненте Angular ⇐ CSS

[Anonymous]

У меня есть динамический класс, который применяется к тегу html, когда пользователь нажимает кнопку, чтобы переключить вид в темный режим:

Код: Выделить всё

Теперь в дочернем компоненте Angular мне нужно проверить, существует ли этот класс в теге html, чтобы стилизовать один конкретный класс в этом дочернем компоненте.
Как можно Я добиваюсь этого? Я попробовал псевдоселектор :has(), но у меня он не сработал.

Код: Выделить всё

  html:has(.app-dark-theme) {
.test-class {
border: 1px solid var(--p-blue-200);
}
}

Предпочтительным решением является чистый CSS/SCSS, если это возможно.
Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/792 ... -component