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

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

Я хочу изменить красный цвет боковой панели по умолчанию. Я сделал Inspect и получил этот 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;
}

это по-прежнему не меняется. Пожалуйста помоги.

если вы измените цвет в инструменте разработки, изменится ли он?

Chellappan வ 26.10.2018 08:18

что такое инструмент разработчика? Вы имеете в виду оригинальный шаблон?

Techdive 26.10.2018 08:19
0
2
475
3

Ответы 3

Попробуй это

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

Вы можете использовать приведенный ниже код.

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

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

enter image description here

@Techdive Я обновил ответ. Надеюсь, это сработает.

Vishal Biradar 26.10.2018 14:03

Перейдите на .. /src/app/components/sidebar/sidebar.component.html.

В строке 1 замените красный на синий или другой цвет по вашему выбору.

<div class="sidebar" data-color="blue">

Другие вопросы по теме