BUG: When using custom theme cannot select theme's color in data set.

Reproducing bug

1) I created a custom theme see below:

{
	"name": "TEST",
	"dataColors": [
		"#00457C",
		"#9D9494",
		"#009BA4",
		"#A6B5CC",
		"#009FE3",
		"#E6007E",
		"#76B82A",
		"#EF7D00",
		"#FFDD00"
	],
	"background": "#FFFFFF",
	"foreground": "#6F6F6F",
	"tableAccent": "#00457C",
	"visualStyles": {
		"*": {
			"*": {
				"*": [
					{
						"fontSize": 10,
						"fontFamily": "CaeciliaCom",
						"titleFontFamily":"CaeciliaCom",
						"secFontFamily":"CaeciliaCom",
						"secTitleFontFamily":"CaeciliaCom"
					}
				]
			}
		},
		"*": {
			"*": {
				"grid": [
					{
						"outlineColor": {
							"solid": {
								"color": "#00457C"
							}
						},
						"gridVertical": true,
						"gridVerticalColor": {
							"solid": {
								"color": "#A6B5CC"
							}
						},
						"gridHorizontal": true,
						"gridHorizontalColor": {
							"solid": {
								"color": "#9D9494"
							}
						}
					}
				],
				"columnHeaders": [
					{
						"fontColor": {
							"solid": {
								"color": "#ffffff"
							}
						},
						"backColor": {
							"solid": {
								"color": "#00457C"
							}
						},
						"fontSize": 12,
						"fontFamily": "CaeciliaCom"
					}
				],
				"rowHeaders": [
					{
						"fontColor": {
							"solid": {
								"color": "#ffffff"
							}
						},
						"backColor": {
							"solid": {
								"color": "#00457C"
							}
						},
						"fontSize": 12,
						"fontFamily": "CaeciliaCom"
					}
				],
				"values": [
					{
						"backColorSecondary": {
							"solid": {
								"color": "#DBE1EB"
							}
						},
						"fontSize": 10,
						"fontFamily": "DINPro"
					}
				],
				"dataLabel": [
					{
						"fontColor": {
							"solid": {
								"color": "#00457C"
							}
						},
						"fontSize": 10,
						"fontFamily": "DINPro"
					}
				],
				"target": [
					{
						"fontColor": {
							"solid": {
								"color": "#00457C"
							}
						},
						"fontSize": 10,
						"fontFamily": "DINPro"
					}
				],
				"title": [
					{
						"fontColor": {
							"solid": {
								"color": "#00457C"
							}
						},
						"fontSize": 10,
						"fontFamily": "CaeciliaCom"
					}
				],
				"X-Axis": [
					{
						"fontColor": {
							"solid": {
								"color": "#00457C"
							}
						},
						"fontSize": 10,
						"fontFamily": "CaeciliaCom"
					}
				],
				"Y-Axis": [
					{
						"fontColor": {
							"solid": {
								"color": "#00457C"
							}
						},
						"fontSize": 10,
						"fontFamily": "CaeciliaCom"
					}
				],
				"legend": [
					{
						"fontColor": {
							"solid": {
								"color": "#00457C"
							}
						},
						"fontSize": 10,
						"fontFamily": "CaeciliaCom"
					}
				]
			}
		}
	}
}

2) Import a custom visual, such as "synopticPanelByOKViz-1.5.0", or use any standard visual that you can control dataset colors

3) Try to adjust the color by selecting a theme color and you will see that your choise is not respected unless you enter the color manualy with the HTML code