Themes - August 2018 Release - Setting up JSON with all details

[zapppsr]

Hi!

I figured out most of the code I want to build my custom theme. 

I need a few more things:

• clusteredColumnChart and clusteredBarChart

1. Background color for the title
2. Font color for the title
3. Border of the whole chart

Se the before and after:

Here is my current working code:

{
"name":"Theme",
"dataColors":[
"#374649",
"#CCCCCC",
"#9ab7da",
"#cedaec",
"#00c762",
"#fbe7a6",
"#ff544a",
"#f89a1c",
"#545451"
],
"background":"#FFFFFF",
"foreground":"#545451",
"tableAccent":"#f4f4f4",
"visualStyles":{
"*":{
"*":{
"*":[
{
"fontSize":8,
"fontFamily":"Segoe UI"
}
]
}
},
"clusteredBarChart":{
"*":{
"categoryAxis":[
{
"show":true,
"fontSize":8,
"fontFamily":"Segoe UI"
}
],
"valueAxis":[
{
"show":false,
"fontSize":8,
"fontFamily":"Segoe UI"
}
],
"labels":[
{
"show":true,
"fontSize":8,
"fontFamily":"Segoe UI"
}
]
}
},
"clusteredColumnChart":{
"*":{
"categoryAxis":[
{
"show":true,
"fontSize":8,
"fontFamily":"Segoe UI"
}
],
"valueAxis":[
{
"show":false,
"fontSize":8,
"fontFamily":"Segoe UI"
}
],
"labels":[
{
"show":true,
"fontSize":8,
"fontFamily":"Segoe UI"
}
]
}
},
"*":{
"*":{
"grid":[
{
"outlineColor":{"solid":{"color":"#f4f4f4"}},
"gridVertical":true,
"gridVerticalColor":{"solid":{"color":"#CCCCCC"}},
"gridHorizontal":true,
"gridHorizontalColor":{"solid":{"color":"#CCCCCC"}}
}
],
"columnHeaders":[
{
"fontColor":{"solid":{"color":"#ffffff"}},
"backColor":{"solid":{"color":"#374649"}},
"fontFamily":"Segoe UI"
}
],
"values":[
{
"backColorSecondary":{"solid":{"color":"#f4f4f4"}}
}
]
}
}
}
}

[zapppsr · Accepted solution]

I guess I figured it out after some research.

Here the code in the gallery.

[v-yulgu-msft]

Hi @zapppsr,

Thanks for sharing the resolution.

Regards,

Yuliana Gu