Невозможно изменить цвет боковой панели в шаблоне now-ui-dashboard-angular

Question

Я использую шаблон now-ui-dashboard-angular-v1.0.0

Я хочу изменить по умолчанию красный цвет боковой панели. Я проверил и получил этот CSS -

 .sidebar[data-color="red"]:after,
 .off-canvas-sidebar[data-color="red"]:after {
   background: #FF3636; 
   }

Но после изменения его цвета на -

 .sidebar[data-color="green"]:after,
.off-canvas-sidebar[data-color="green"]:after {

  background: #d4f932 !important;
}

это все еще не меняется. Пожалуйста, помогите.

Answer 1

Вы можете использовать следующий код.

:host>>> .sidebar:before, :host>>> .sidebar:after, :host>>> .off-canvas-sidebar:before, :host>>> .off-canvas-sidebar:after 
{
        background-color: #064BEC !important;
}

Пожалуйста, проверьте изображение ниже:

Answer 2

Попробуйте это

.sidebar[data-color="red"]:after,
 .off-canvas-sidebar[data-color="red"]:after {
    background: #d4f932 !important;
 }