Is this still Open!
if it is open then i am on it!

Looks like it's due to the focus indicators. This has some implications in our internal setup so we should be careful with how we handle it. That being said, you can work around it in your own setup by setting .mat-focus-indicator { display: none; }.

@crisbeto
Thank you for your response. I will review the workaround and test it later today.

I also wanted to follow up on the second part of my request. While not necessarily an issue, I noticed in the source code that the hover and focus outline colors for outlined buttons were not supported in the Material 2 (M2) version. However, with Material 3 (M3), it appears that these styles should be customizable. Could you confirm if this is the case?

Specifically, I am referring to the following design tokens:

hover-label-text-color
focus-label-text-color
pressed-label-text-color
hover-outline-color
focus-outline-color
pressed-outline-color

I appreciate your insights and look forward to your response.

It looks like those tokens were in the spec, but we never implemented them, I suspect because they looked identical to the base color.

@crisbeto
It looks like those tokens inherit the same base color as the outlined-outline-colortoken (md.sys.color.outline) and outlined-label-text-color token (md.sys.color.primary). However, they can be used to modify the outline and text colors for the respective pseudo-classes.

I'll take a deeper dive into the codebase to explore a possible implementation. If no one from the team addresses it in the meantime, I’ll work on a solution and submit a PR.

Also a workaround would be:

&:hover,
&:focus {
  @include mat.button-overrides((
    outlined-outline-color: #475A66,
    outlined-label-text-color: #082234
  ));
}