Блог

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

Мой html выглядит так:

 <div class="p-col-6 p-offset-3 p-shadow-1">
    <p-steps [model]="items"></p-steps>
</div>
 

И я загрузил Тему, как говорится в их руководстве, путем редактирования angular.json . Я выбрал тему Vela blue.

Тема правильно применяется к элементу p-steps. Размер div и тени выглядят правильно, поэтому классы применяются. Проблема в том, что он просто применяет эти стили, а не синий темный цвет фона или закругленные границы. Я хотел бы применить тему к моей полной веб-странице (как они делают на своей веб-странице), но я не уверен, как мне это сделать.

Спасибо.

РЕДАКТИРОВАТЬ: это выглядит следующим образом:

И я хочу, чтобы это выглядело так: