Css 更改所选MatCheckbox的颜色

我需要在选中某个材质复选框时更改其颜色

我需要反转颜色，所以我已经更改了帧：

mat-checkbox.inverted-checkbox .mat-checkbox-frame {
   border-color: white!important;
}

但现在我需要将选中复选框的背景设置为白色，并将其内部的标记设置为蓝色

我尝试：

 mat-checkbox.inverted-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-
    background {
      background-color: white!important;
    }

但这不是工作

这是复选框

 <mat-checkbox class="inverted-checkbox"></mat-checkbox>

您可以在这里找到示例：

---

如果进入.mat复选框背景，您将看到复选图标是一个路径元素，其颜色由笔划设置：#fafafa！重要的；css属性。

那么我要做什么呢？重写这个样式笔划：#fafafa！重要的；我没有看到任何笔划，我使用的是材质7，你能给我代码吗，我只需要覆盖1个复选框你能提供一个最小的、可复制的示例-->更改第一个选中复选框的颜色吗