bug(COMPONENT): Fab buttons not using correct theming

[passee]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

16.2.14

Description

With Angular v17.3.1 and Material 3 it seems like the FAB buttons dont use the correct theming colors.
Edit: Just noticed its even more visible on mat-icon-buttons

Difference between Angular v17.3.1 and v16.2.14 (where it was correct)
v17:

v16:

Reproduction

StackBlitz links provided via angular website.

Expected Behavior

Same color theming on fab buttons like on all other buttons, like in angular v16

Actual Behavior

Primary and accent are a bit off and warn is completely off

Environment

• Angular: v17.3.1
• CDK/Material: 17.3.1
• Browser: Chrome
• Operating System: Windows 11

[crisbeto]

It's showing the M3 versions of the FAB. Closing as a duplicate of #28787.

[passee]

So M3 just doesnt style fab and icon buttons in the correct color?

[crisbeto]

The color should be correct, it's just different in this version of the spec.

[crisbeto]

That being said, I just noticed that the warn color isn't showing up.

[crisbeto]

Looks like the warn color was intentionally dropped from the FABs: https://github.com/angular/components/blob/main/src/material-experimental/theming/_color-api-back-compat.scss#L78.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}