Custom colours not working

[lukecharle]

Context

No response

Bug description

So I've followed the steps here:

https://squidfunk.github.io/mkdocs-material/setup/changing-the-colors/#custom-colors

I have the following for the theme block in my mkdocs.yml:

theme:
  name: material
  palette:
    primary: custom
  extra_css:
    - stylesheets/extra.css
  features:
    - navigation.tabs
    - navigation.sections
    - navigation.expand
    - navigation.top
    - search.suggest
    - search.highlight
    - content.code.annotate
    - content.code.copy

And then use the following in docs/stylesheets/extra.css:

:root > * {
  --md-primary-fg-color: #25252d;
  --md-primary-fg-color--light: #25252d;
  --md-primary-fg-color--dark: #25252d;
  --md-accent-fg-color: #25252d;
}

But I'm always ending up with the default blue colour. Am I missing something obvious here?

Related links

N/A

Reproduction

N/A

Steps to reproduce

N/A

Browser

No response

Before submitting

• I have read and followed the bug reporting guidelines.
• I have attached links to the documentation, and possibly related issues and discussions.
• I assure that I have removed all customizations before submitting this bug report.
• I have attached a .zip file with a minimal reproduction using the built-in info plugin.

[squidfunk]

Thanks for reporting. This is a customization request. Converting to discussion.

[kamilkrzyskow]

Hi @lukecharle,
the extra_css should be on the same level of indentation as theme, currently it's inside/under theme, so it's ignored.

theme:
  name: material
  palette:
    primary: custom
  features:
    - navigation.tabs
    - navigation.sections
    - navigation.expand
    - navigation.top
    - search.suggest
    - search.highlight
    - content.code.annotate
    - content.code.copy
extra_css:
  - stylesheets/extra.css