mermaid flowchart not rendered in github pages

[iampraveennt]

Hi Team,

I'm trying to create a page with mermaid flowchat. When I test in my maching using mkdocs serve, mermaid flowchart was rendered successfully without any issues.

But, after pushing the page to github, github pages are not rendering mermaid flowchart.

Below is the mermaid code

---
config:
  layout: elk
  theme: redux
  look: handDrawn
---
flowchart LR
 subgraph subgraph_zv2q8ucnp["Shape descriptions"]
        customer(("Customer"))
        Support["Support"]
        Technician{{"Technician"}}
        Decision{"Decision"}
  end
    A(("Reported issue")) --> B["Ticket is created"]
    B --> C{"Working hours?"}
    C -- Yes --> E{{"Tickets are sent to day team for response"}}
    C -- No --> F["Tickets are sent to on-call staff for response"]
    E --> Worked{"Ticket being worked on?"}
    F --> Worked
    Worked -- Yes --> G["Work on the tickets based on priority"]
    Worked -- No --> Reminder["Reminder is sent"]
    Reminder --> Worked
    G --> H["Team fixes the issue"]
    H --> I{"Is the issue resolved?"}
    I -- Yes --> Done["Ticket is closed and follow-up email is sent"]
    I -- No --> H
     customer:::redNode
     Support:::pinkNode
     Technician:::yellowNode
     Decision:::blackNode
     A:::redNode
     C:::blackNode
     E:::yellowNode
     F:::pinkNode
     Worked:::reminderNode
     G:::pinkNode
     H:::pinkNode
     I:::reminderNode
     Done:::greenNode
    classDef redNode fill:#D50000,color:#000000
    classDef pinkNode fill:#E1BEE7,color:#000000
    classDef yellowNode fill:#FFF9C4,color:#000000
    classDef blackNode fill:#000000,stroke:#FFD600,stroke-width:4px,stroke-dasharray: 0,color:#FFFFFF
    classDef greenNode fill:#00F840,color:#000000
    classDef reminderNode stroke:#FFD600,stroke-width:4px,stroke-dasharray: 0,fill:#000000,color:#FFFFFF
    classDef blueSubgraph fill:#BBDEFB
    linkStyle 2 stroke:#00C853,fill:none
    linkStyle 3 stroke:#D50000,fill:none
    linkStyle 6 stroke:#00C853,fill:none
    linkStyle 7 stroke:#D50000,fill:none
    linkStyle 11 stroke:#00C853,fill:none
    linkStyle 12 stroke:#D50000,fill:none

[facelessuser]

There is simply not enough information provided in your question. You don't list your MkDocs configuration, you don't list how you specify the code block header, etc. Unfortunately, we cannot guess what you've misconfigured. If you want help, please provide sufficient information.