Error importing Theme file

[Anonymous]

I get the follwoing error when I attempt to import the following theme file.

Error: there was a problem importing your theme file

{
  "name": "My Custom Theme",
  "themeJson": {
    "name": "My Custom Theme",
    "background": "#333333",
    "foreground": "#FFFFFF",
    "tableAccent": "#F9D423",
    "dataColors": [
      "#000000",
      "#777777",
      "#BBBBBB",
      "#FFFFFF"
    ],
    "chartStyles": [
      {
        "name": "My Custom Chart Style",
        "dataColors": "#F9D423",
        "fill": "#333333",
        "stroke": "#FFFFFF"
      }
    ],
    "slicerStyles": [
      {
        "name": "My Custom Slicer Style",
        "background": "#333333",
        "foreground": "#FFFFFF",
        "selectedBackground": "#F9D423",
        "selectedForeground": "#FFFFFF",
        "checkbox": "#F9D423"
      }
    ],
    "buttonStyles": [
      {
        "name": "My Custom Button Style",
        "default": "#333333",
        "hover": "#6d6d6d"
      }
    ]
  }
}

[amitchandak]

@Anonymous , Try one without space and tab

{ "name": "My Custom Theme", "themeJson": { "name": "My Custom Theme", "background": "#333333", "foreground": "#FFFFFF", "tableAccent": "#F9D423", "dataColors": [ "#000000", "#777777", "#BBBBBB", "#FFFFFF" ], "chartStyles": [ { "name": "My Custom Chart Style", "dataColors": "#F9D423", "fill": "#333333", "stroke": "#FFFFFF" } ], "slicerStyles": [ { "name": "My Custom Slicer Style", "background": "#333333", "foreground": "#FFFFFF", "selectedBackground": "#F9D423", "selectedForeground": "#FFFFFF", "checkbox": "#F9D423" } ], "buttonStyles": [ { "name": "My Custom Button Style", "default": "#333333", "hover": "#6d6d6d" } ] } }

[Anonymous]

The same error happens.