Skip to content

[docs-infra] Make inline code follow its context - #49217

Draft
Janpot wants to merge 3 commits into
mui:masterfrom
Janpot:docs/linked-code-color
Draft

Janpot wants to merge 3 commits into
mui:masterfrom
Janpot:docs/linked-code-color

Conversation

@Janpot

@Janpot Janpot commented Sep 25, 2026 •

Copy link
Copy Markdown
Member

Inline code now follows its context instead of using fixed colors. Linked code takes the link's color, in body text and in every callout, in both modes. This replaces the per-callout rules from #49199 with one rule. The code background and border are translucent, so each pill is a shade of whatever it sits on: a warning callout gets an amber-tinted pill instead of a grey one. The values are picked so pills in body text look the same as before.

@code-infra-dashboard

code-infra-dashboard Bot commented Sep 25, 2026 •

Copy link
Copy Markdown

Deploy preview

https://deploy-preview-49217--material-ui.netlify.app/
QR code for https://deploy-preview-49217--material-ui.netlify.app/

Bundle size

Bundle Parsed size Gzip size
@mui/material 0B(0.00%) 0B(0.00%)
@mui/lab 0B(0.00%) 0B(0.00%)
@mui/private-theming 0B(0.00%) 0B(0.00%)
@mui/system 0B(0.00%) 0B(0.00%)
@mui/utils 0B(0.00%) 0B(0.00%)

Details of bundle changes


Check out the code infra dashboard for more information about this PR.

@Janpot Janpot changed the title [docs-infra] Give linked code the color of its link [docs-infra] Make inline code follow its context Sep 25, 2026

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

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant