Problems with change of color when publishing report

[Anonymous]

Hi!

I have a dashboard to which i pin a couple of visuals from a number of reports. I have a "KPI" visual where the "goal" number is coloured in orange in the original report. When pinned to the dashboard, the "goal" colour changes automatically from orange to black. Anyone who knows how to solve this automatich colour change? 

Thanks, 

Fredrik

[parry2k]

@Anonymous 

@Anonymous did you selected current theme option when pinning the visual

[Anonymous]

Hi,

Yes i did. And only on the KPI visuals this problem occurs, not other visuals. Seems be some kind of bug..

[v-diye-msft]

Hi @Anonymous 

How did you set the font color of "Goal"? could you please kindly share your dummy pbix/the procedure involved?

[Anonymous]

The thing is that a few weeks ago the color in the "goal" number in the desktop report followed into a dashboard. Since two weeks something has happened, where as i said, the color automatically changes to black. We tried adding a goal colour in the JSON file, but this did'nt work. 

The part related to KPI in the JSON file looks as following: 

"visualStyles":{
"kpi":{
"goals":{
"fontSize": 10,
"fontFace": "Segoe UI",
"color": "#E6E6E6"

[v-diye-msft]

Hi @Anonymous 

Could you please kindly share your JSON file/pbix that I can test it on my side? I created a JSON file using your code, but the goal shows black on desktop as well as the service.

Probably it's a bug and I'll raise it to the internal team for deep research. 

[Anonymous]

Hi!

Cool, thanks! 

See the JSON script below:

{
"name": "xxxxx",
"dataColors": ["#ffa02f", "#ffd553", "#72c6ef", "#a6ce39", "#ed145b", "#00aed8", "#939f1b", "#374649"],
"background":"#374649",
"foreground": "#ffa02f",
"tableAccent": "#E6E6E6",
"textClasses": {
"callout": {
"fontSize": 40,
"fontFace": "Segoe UI",
"color": "#ffa02f"
},
"title": {
"fontSize": 9,
"fontFace": "Segoe UI",
"color": "##E6E6E6"
},
"header": {
"fontSize": 9,
"fontFace": "Segoe UI",
"color": "#E6E6E6"
},
"label": {
"fontSize": 9,
"fontFace": "Segoe UI",
"color": "#E6E6E6"
}
},
"textClasses": {
"label": {
"lightLabel":{
"fontSize": 9,
"fontFace": "Segoe UI",
"color": "#E6E6E6"
}
}
},
"visualStyles":{
"kpi":{
"goals":{
"fontSize": 10,
"fontFace": "Segoe UI",
"color": "#E6E6E6"
}
}
}
}

[v-diye-msft · Accepted solution]

Hi @Anonymous 

I found the workaround: please use the format panel to change the goal color:

Works fine in service as well: