[appbar] Fix inherit color CSS variable not getting applied (#47518)

ZeeshanTamboli · web-flow · commit f1bc73839843 · 2026-01-06T07:03:40.000Z
diff --git a/packages/mui-material/src/AppBar/AppBar.js b/packages/mui-material/src/AppBar/AppBar.js
@@ -95,6 +95,7 @@ const AppBarRoot = styled(Paper, {
         props: { color: 'inherit' },
         style: {
           '--AppBar-color': 'inherit',
+          color: 'var(--AppBar-color)',
         },
       },
       {

Original file line number	Diff line number	Diff line change
`@@ -95,6 +95,7 @@ const AppBarRoot = styled(Paper, {`
`95`	`95`	`props: { color: 'inherit' },`
`96`	`96`	`style: {`
`97`	`97`	`'--AppBar-color': 'inherit',`
	`98`	`+ color: 'var(--AppBar-color)',`
`98`	`99`	`},`
`99`	`100`	`},`
`100`	`101`	`{`