Ability to style the toolpad title text, size, color, etc.

[grmatthews]

Summary

The toolpad title string is blue heading text. I want to change the color.

The Branding attribute seems to allow changing the title and logo only but not title color or other text style attributes you can normally change.

Examples

No response

Motivation

No response

Search keywords: title format

[apedroferreira]

Hi, we could improve the slots in DashboardLayout or add new ones to make these easier to customize.
But you should be able to do something like:

<DashboardLayout
  sx={{
    '& .MuiAppBar-root .MuiTypography-h6': {
      color: 'red',
    },
  }}
>
  {props.children}
</DashboardLayout>

[grmatthews]

Hi. I tried that, and all sorts of variations, incl. by pasting in the HTML elements to grok and getting it to review how to make it work, and can't get it to work.

I appreciate the response. but were you able to get it to work?

the ai analysis thought there were problems with the structure hindering the ability to do this. This isn't my strong suit sorry, hence having to rely on ai here...

[apedroferreira]

Hi. I tried that, and all sorts of variations, incl. by pasting in the HTML elements to grok and getting it to review how to make it work, and can't get it to work.

I appreciate the response. but were you able to get it to work?

the ai analysis thought there were problems with the structure hindering the ability to do this. This isn't my strong suit sorry, hence having to rely on ai here...

Yes, I've tested my suggestion and it works for changing the page title color.