在Angular Material中，对话框框默认会继承主题样式。如果你想要对话框框不继承主题，可以按照以下步骤进行操作。

首先，在组件的CSS文件中，将对话框框的样式设置为不继承主题样式。可以使用:host ::ng-deep选择器来选择对话框框，并设置all: initial来重置样式。

:host ::ng-deep .mat-dialog-container {
  all: initial;
}

然后，在打开对话框框的组件中，使用MatDialogConfig来设置对话框框的配置项。在MatDialogConfig中，设置panelClass属性为一个自定义的CSS类名，用来覆盖对话框框的样式。

import { MatDialog, MatDialogConfig } from '@angular/material';

@Component({
  ...
})
export class YourComponent {
  constructor(private dialog: MatDialog) {}

  openDialog() {
    const dialogConfig = new MatDialogConfig();
    dialogConfig.panelClass = 'custom-dialog';
    
    this.dialog.open(YourDialogComponent, dialogConfig);
  }
}

最后，在全局的样式文件（如styles.css）中定义自定义的CSS类名，用来覆盖对话框框的样式。

.custom-dialog {
  /* 自定义样式 */
}

通过以上步骤，你可以将对话框框从主题样式中独立出来，并自定义其样式。