angular_componentsのModalの背景色を変更する

Question

dartのangular_componentsでModalComponentの背景色をどのようにカスタマイズしますか？ここから引き出さ

質問：https://github.com/dart-lang/angular_components/issues/187

Answer 1

のモーダルおよび他のダイアログのダイアログの色を変更するには、CSSを変更するだけなのでシンプルです。

CSS：

.blue-dialog { 
    background-color: blue; 
} 

HTML：

<material-button (trigger)="showBasicDialog = true" 
       [disabled]="showBasicDialog" 
       raised> 
    Open Basic Dialog 
</material-button> 

<modal [visible]="showBasicDialog"> 
    <material-dialog class="blue-dialog">My Blue Dialog</material-dialog> 
</modal> 

たとえば、