Media Changes on Palette Doesn't Work

[lnw143]

Like the picture above shows, when I change the palette, the media didn't change.

I want to solve it because it cause the giscus didn't change theme when I change the palette, and I have removed customizations in mkdocs.yml.

Could anyone give me a possible reason or tell me if it's a bug? I'm not really good at English, thanks for reading.

[lnw143]

mkdocs.yml :

theme:
  name: material
  language: 'zh'
  # custom_dir: overrides
  palette:
    # Palette toggle for light mode
    - media: "(prefers-color-scheme: light)"
      scheme: default
      primary: white
      accent: red
      toggle:
        icon: material/toggle-switch
        name: Switch to dark mode

    # Palette toggle for dark mode
    - media: "(prefers-color-scheme: dark)"
      scheme: slate
      primary: custom
      accent: white
      toggle:
        icon: material/toggle-switch-off-outline
        name: Switch to light mode

[lnw143]

I'm sure that I'm running the latest version of Material for MkDocs, and you can have a test on My Blog.

[squidfunk]

(prefers-color-scheme: light/dark) queries your system preference, and then automatically changes to the respective color scheme. If you toggle the color palette selector, it will not change your system preferences, thus the result stays the same.

[lnw143]

(prefers-color-scheme: light/dark) queries your system preference, and then automatically changes to the respective color scheme. If you toggle the color palette selector, it will not change your system preferences, thus the result stays the same.

I think you're right, but could you please tell me how to make the giscus change theme together with palette? Here is a successful example.

[squidfunk]

Just use the code example from our documentation.

[lnw143]

It works well! Thanks a lot!