要解决Angular Material按钮与主题不匹配的问题，可以通过以下方法来调整按钮的外观与主题相匹配：

1. 使用内置的主题样式：Angular Material提供了一系列内置的主题样式，可以直接应用在按钮上。例如，如果想要使用深色主题，可以在按钮上添加mat-dark-theme样式类。示例代码如下：

Dark Button

2. 自定义主题样式：如果内置的主题样式不满足需求，可以自定义主题样式。首先，在styles.scss文件中定义自定义主题的样式变量。示例代码如下：

@import '~@angular/material/theming';

$custom-primary: mat-palette($mat-light-blue);
$custom-accent: mat-palette($mat-pink);
$custom-warn: mat-palette($mat-red);

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

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

然后，在按钮上使用自定义主题的样式类。示例代码如下：

Custom Button

3. 修改按钮的样式：如果希望对按钮的样式进行更细致的调整，可以通过修改按钮的CSS样式来实现。示例代码如下：

.custom-button {
  background-color: blue;
  color: white;
}

.custom-button:hover {
  background-color: darkblue;
}

Custom Button

通过以上方法，可以调整Angular Material按钮的外观与主题相匹配。根据实际需求，选择其中的一种方法进行调整即可。