Angular 15 (MDC) tooltip background color (via theme)

Question

With Angular14 I was able to define the mat-tooltips background color via

$theme: (
    color: (
        ...
        background: (
           ...,
            tooltip: red
        )
    )
)
@include mat.all-component-colors($theme);

Now a property named color.background.tooltip even gets generated by calling mat.define-light-theme but isn't applied. What has changed here?

Answer 1

Yeah, I am struggling with the same problem. What you could apply as an easy fix is in your styles.scss is to add:

.mdc-tooltip__surface {
  background-color: red !important;
}

I really do not like using !important, but it gets the job done in this case.