ng-bootstrap自定义scss

Question

我正在尝试设置使用ng-bootstrap构建的ngb手风琴的样式。

home.component.html :
<ngb-accordion #acc="ngbAccordion" [activeIds]="activeIds" >
    <ngb-panel *ngFor="let tab of tabs; let i= index" title="Tab{{i+1}}" id="tab-{{i+1}}">
      <ng-template ngbPanelContent>
         Tab
      </ng-template>
    </ngb-panel>
</ngb-accordion>


home.component.scss :
ngb-panel {
    width: 300px;
    color: red;
    background-color: orange;
}

我把它放在了scss上，什么也没发生。我还安装了bootstrap并将其添加到styles.scss

@import "../node_modules/bootstrap/scss/bootstrap.scss";

如何设置ng-boostrap小部件的样式？