Theme toggle is reversed

[narayan954]

First Check

• I added a very descriptive title here.
• I used the GitHub search to find a similar question and didn't find it.
• I searched the FastAPI documentation, with the integrated search.
• I already searched in Google "How to X in FastAPI" and didn't find any information.
• I already read and followed all the tutorial in the docs and didn't find an answer.
• I already checked if it is not related to FastAPI but to Pydantic.
• I already checked if it is not related to FastAPI but to Swagger UI.
• I already checked if it is not related to FastAPI but to ReDoc.

Commit to Help

• I commit to help with one of those options 👆

Example Code

- media: '(prefers-color-scheme: light)'
    scheme: default
    primary: teal
    accent: amber
    toggle:
      icon: material/lightbulb
      name: Switch to light mode // change to "Switch to dark mode"
  - media: '(prefers-color-scheme: dark)'
    scheme: slate
    primary: teal
    accent: amber
    toggle:
      icon: material/lightbulb-outline
      name: Switch to dark mode // change to "Switch to light mode"

Description

While on the documentation website , when we hover the light bulb icon, it describes dark mode button as light mode and vice versa. This can be bad for accessibility.
I confirmed my issue by looking at starlette's documentation implementation as well.

Operating System

Linux

Operating System Details

No response

FastAPI Version

0.95.1

Python Version

3.9.16

Additional Context

This issue exists at every version of the documentation