Проблема с размером после перенаправления

Я пытаюсь сделать компонент, который должен занимать весь экран. Я пытался поставить его на ширину 100% и высоту 100%, и это не работает. Я использую angular (с электроном).

Щелкнув по ссылке на странице, я перенаправляюсь в другой компонент. И этот компонент не занимает весь экран. Я хотел бы получить доступ к телу, чтобы изменить, например, цвет фона, но я не могу получить к нему доступ.

body {
  color: $f-color;
  font-family: $ff-default;
  margin: 0;
  background: $dark;
}

(И мои переменные находятся в другом файле)

мой app.component.html:

<div style = "height:100%; width: 100%;">
    <router-outlet></router-outlet>
</div>

После нажатия на домашний компонент я перенаправляюсь на другой компонент.

Например, элемент body в моем файле style.scss черный, и после перенаправления я хочу передать его красному, но не знаю, как это сделать.

Спасибо заранее.