Skip to content

docs(material/tabs): clarify when background and foreground tokens apply - #33988

Open
lxminarayn wants to merge 1 commit into
angular:mainfrom
lxminarayn:fix/tabs-overrides-background-foreground-30186
Open

lxminarayn wants to merge 1 commit into
angular:mainfrom
lxminarayn:fix/tabs-overrides-background-foreground-30186

Conversation

@lxminarayn

@lxminarayn lxminarayn commented Oct 21, 2026 •

Copy link
Copy Markdown

Documents that the background-color and foreground-color tokens of tabs-overrides only
take effect together with the backgroundColor input, which is supported in M2 themes only,
and points to the tokens that customize the label and indicator colors in M3 themes.

Fixes #30186

@crisbeto crisbeto left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We intentionally didn't support this. It's a legacy feature that is only in M2, not M3.

@lxminarayn

Copy link
Copy Markdown
Author

@crisbeto

Thanks for clarifying & quick review! That makes sense given backgroundColor is M2-only and deprecated.

The confusion in #30186 seems to come from tabs-overrides accepting background-color and foreground-color in M3 and the styling docs listing them, even though they have no effect there. Would you be open to a small change that documents these two tokens as only applying with the M2 backgroundColor input, or excludes them from the M3 overrides? If not, I'm happy to close this.

@crisbeto

Copy link
Copy Markdown
Member

Sure, we can change it to a docs PR.

Notes that the `background-color` and `foreground-color` tokens only take effect when the
`backgroundColor` input is set, which is supported in M2 themes only, and points to the tokens
that customize the label and indicator colors in M3 themes.

Fixes angular#30186.
@lxminarayn
lxminarayn force-pushed the fix/tabs-overrides-background-foreground-30186 branch from 1caf3ef to 4bef01b Compare October 22, 2026 04:22
@angular-robot angular-robot Bot added the area: docs Related to the documentation label Oct 22, 2026
@lxminarayn lxminarayn changed the title fix(material/tabs): background and foreground color tokens not applied docs(material/tabs): clarify when background and foreground tokens apply Oct 22, 2026
@lxminarayn

Copy link
Copy Markdown
Author

@crisbeto , I've replaced the change with a docs update to the tabs overview.

@lxminarayn
lxminarayn requested a review from crisbeto October 22, 2026 04:31

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: docs Related to the documentation area: material/tabs

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bug(tabs): customizable tokens background-color and foreground-color have no effect

2 participants