My sites `--md-primary-fg-color` get overridden

Contribution guidelines

• I’ve read the contribution guidelines and wholeheartedly agree

I’ve found a bug and checked that …

• … the problem doesn’t occur with the mkdocs or readthedocs themes
• … the problem persists when all overrides are removed, i.e. custom_dir, extra_javascript and extra_css
• … the documentation does not mention anything about my problem
• … there are no open or closed issues that are related to my problem

Description

I have extra_css that defines the primary colors, like so:

:root {
    --md-primary-fg-color: rgb(219, 149, 80);
    --md-accent-fg-color: rgb(144, 180, 254);
}

This has always worked. But with version 8.5.9 some other colors are used instead. I see this in the inspector:

[data-md-color-primary=indigo] {
    --md-primary-fg-color: #4051b5;
    --md-primary-fg-color--light: #5d6cc0;
    --md-primary-fg-color--dark: #303fa1;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: hsla(0,0%,100%,.7);
}

Expected behaviour

I expect my extra_css colors to be used.

Actual behaviour

Some other colors are used.

Steps to reproduce

Use this extra_css:

:root {
    --md-primary-fg-color: rgb(219, 149, 80);
    --md-accent-fg-color: rgb(144, 180, 254);
}

With 8.5.8 the colors are used, with 8.5.9 they are not

Package versions

• Python: 3.9.7
• MkDocs: 1.4.1
• Material: 8.5.9

Configuration

I haven't minimized this.

System information

• Operating system: All
• Browser: All

[squidfunk]

Released as part of 8.5.10.

[PEZ]

Thanks for looking at this so quickly! 🙏

Yes, the suggested change works. 🎉