HomeDiagramsFlowchartInline Style Overrides

Inline Style Overrides

Using `style` statements to override node fill and stroke colors.

inline-style-overrides.mmd
graph TD
  A[Default] --> B[Custom Colors] --> C[Another Custom]
  style B fill:#3b82f6,stroke:#1d4ed8,color:#ffffff
  style C fill:#10b981,stroke:#059669
Output
Flowchart, Zombie Mermaid Default Custom Colors Another Custom

More Flowchart examples

Flowchart, Zombie Mermaid Start Process End
Simple Flow
Flowchart, Zombie Mermaid Rectangle Rounded Diamond Stadium Circle
Original Node Shapes
Flowchart, Zombie Mermaid Subroutine Double Circle Hexagon
Subroutine and Hexagon Shapes
Flowchart, Zombie Mermaid Database Flag Shape Wider Bottom Wider Top
Cylinder and Trapezoid Shapes
Flowchart, Zombie Mermaid Rectangle Rounded Diamond Stadium Circle Subroutine Double Circle Hexagon Database Flag Trapezoid Inverse Trap
Twelve Core Flowchart Shapes
Flowchart, Zombie Mermaid solid dotted thick Source Target 1 Target 2 Target 3
All Edge Styles