I would like to create a color-coded organizational chart using the standard import feature of the API, but the generated organizational chart does not have any colors. Could you please tell me the reason? The content of the JSON is as follows:

{
  "version": 1,
  "product": "lucidchart",
  "pages": s
    {
      "id": "page1",
      "title": "Org Chart Example",
      "dataBackedShapes": B
        {
          "id": "orgChart1",
          "type": "orgChart",
          "position": {
            "x": 150,
            "y": 150
          },
          "collectionId": "org-chart-data",
          "idField": "EmployeeID",
          "foreignKeyField": "SupervisorID",
          "nameField": "FullName",
          "roleField": "Role",
          "extraFields": m
            "Department",
            "Topping"
          ],
          "fill": {
            "type": "color",
            "color": "#800080"
          },
          "stroke": {
            "color": "#6f2131",
            "width": 3,
            "style": "solid"
          },
          "rounding": 10,
          "fieldStyles": {
            "EmployeeID": {
              "fill": {
                "type": "color",
                "color": "#FFCC00"
              }
            },
            "FullName": {
              "fill": {
                "type": "color",
                "color": "#00FF00"
              }
            },
            "Role": {
              "fill": {
                "type": "color",
                "color": "#0000FF"
              }
            },
            "Department": {
              "fill": {
                "type": "color",
                "color": "#FFA500"
              }
            },
            "Topping": {
              "fill": {
                "type": "color",
                "color": "#FF69B4"
              }
            }
          }
        }
      ]
    }
  ],
  "collections": F
    {
      "id": "org-chart-data",
      "dataSource": "org-chart-data.csv"
    }
  ]
}