Changing the page name font's color

[manueleckarth]

Hi all,

I'm trying to change the color of the page name that is displayed as your first h1 header.

This is the current look:

I'd like the h1 (i.e. "Calendar") to be displayed in black, just as the h2 "Calendar Views"

The corresponding markdown file is structured as follows:

# Calendar
The calendar in our app allows you to schedule sessions and view existing appointments. You can switch between different views here.

## Calendar Views

I've tried different approaches, including changing the color palette, but I did not succeed.

Can anyone point me into the right direction?

Thanks!

[kamilkrzyskow]

Hello @manueleckarth,
the H1 heading has custom styling, different than the rest of the page. This can be seen in your Browser Web Tools.

The other headings seem to be using the default from the body styling, which applies color: var(--md-typset-color).
Therefore, you can add extra css to your site and add this:

.md-typeset h1 {
  color: var(--md-typeset-color);
}

Selecting only h1 without the .md-typeset isn't enough, because of Specificity

[kamilkrzyskow]

Actually this is a duplicate of, which comes up when searching for styling headings:

• How to customize colors for headings? #7031

Please always serach before posting a new thread 🙏