无法在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;
 }

Answer 3

转到.. /src/app/components/sidebar/sidebar.component.html

在第1行，将红色替换为蓝色或您选择的颜色。

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