angular - Mat ダイアログを開いた後に背景を変更する

Question

これは、ダイアログを開く前の私のサイトです。

そしてこの後：

これは私のstyles.scssの関連コンテンツです:

html,
body {
  height: 100%;
  background: #303030;
  color: white;
}

そして、これが私のプロジェクトのテーマです。

@import '../../../node_modules/@angular/material/theming';

@include mat-core();

$theme-primary: mat-palette($mat-grey, 900);
$theme-accent: mat-palette($mat-grey, 50);
$theme-warn: mat-palette($mat-red);

$theme: mat-dark-theme($theme-primary, $theme-accent, $theme-warn);

@include angular-material-theme($theme);

少し下にスクロールすると、問題が発生します。ページの上部に、mat-tab-nav-bar があります。

更新: Chrome では発生するが Safari では発生しないバグ