Power BI Embedded Custom Color Themes in Reports do not promote

Question

I am new to using Power BI Embedded.&nbsp;&nbsp;I have been working on developing dashboards that will be promoted to a portal.&nbsp; In the desktop version, I successfully have applied a custom color scheme using a custom JSON File.&nbsp; They look great locally.&nbsp;When I publish the report to "My workspace" and then look at Report online, the colors look fine.&nbsp;When I share the embedded code with the developers who are working on the portal, the colors "Stick" for some items, and then default back to the standard Power BI colors for others.&nbsp;What am I doing wrong? &nbsp;

anonymous · Answer

GibsonPBI,I am unable to reproduce this issue. Do you use Power BI Desktop August release? Could you please share the JSON file so that I can test?Regards,Lydia

gibsonpbi · Answer

I made sure that I had the August release.

I have attached screenshots of the 3 various steps in the process.

From PowerBI DesktopFrom PowerBI OnlineAfter getting the code from "Publish to the Web"

gibsonpbi · Answer

I could not see how to attach the JSON file, so I pasted it below:&nbsp;{&nbsp; "name": "CHPA Analytics",&nbsp; "dataColors": [&nbsp;&nbsp;&nbsp; "#0071B9",&nbsp;&nbsp;&nbsp; "#A4CF5F",&nbsp;&nbsp;&nbsp; "#DD8E07",&nbsp;&nbsp;&nbsp; "#71B1D1",&nbsp;&nbsp;&nbsp; "#AE94BA",&nbsp;&nbsp;&nbsp; "#67B9AD",&nbsp;&nbsp;&nbsp; "#FFF48B",&nbsp;&nbsp;&nbsp; "#63666A",&nbsp;&nbsp;&nbsp; "#5CBAE5"&nbsp; ],&nbsp; "background": "#FFFFFF",&nbsp; "foreground": "#8AA8D7",&nbsp; "tableAccent": "#3A75C4",&nbsp; "visualStyles": {&nbsp;&nbsp;&nbsp; "*": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "*": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "*": [&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "fontSize": 10,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "fontFamily": "Arial",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "color": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "solid": {}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ],&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "general": [&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "responsive": true&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp; },&nbsp;&nbsp;&nbsp; "filledMap": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "*": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "legend": [&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "show": true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "position": "Left",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "showTitle": true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "labelColor": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "solid": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "color": "#561912"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; },&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "fontFamily": "Arial",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "fontSize": 8&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp; }&nbsp; }}

anonymous · Answer

GibsonPBI,Based on my test, the issue is caused by&nbsp;triple wildcard in the JSON file.&nbsp;It is recommended to update the theme file to be more specific with the visualStyles section, replacing one of the wildcards with a specific entity (visual type or formatting card name). Please check attached JSON file. Using it, custom theme will retain after we publish report to web.&nbsp;"visualStyles": {&nbsp;&nbsp;&nbsp; "*": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "*": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "*": [
I got response from PG:As the Theme feature is in preview, and the triple wildcard is technically working as expected, there is no “fix” coming. We also identified a popular third-party Power BI Theme Generator website (non-Microsoft) and asked the owners to change their tool to avoid creating triple wildcards.
&nbsp;
Regards,Lydia

gibsonpbi · Answer

I downloaded the JSON you provided, applied it to my desktop version, re-published to the web.&nbsp; All was fine (as it was initially).&nbsp; The problem behavior for me still remains the same in the final portal that I am using to "embed" the pages with the "publish to web" option.&nbsp; If I change the visuals (new graph, etc) in my base file and do the various steps to "publish" them, those changed visuals do promote through to our customers portal (which is an "azurewebsites.net" solution).&nbsp; The issue is that the viusals lose the custom colors that the JSON file probvides, and the embedded report pages revert back to the default colors of Power BI.&nbsp; Is there something that the web guys I am working with need to do as well to make these custom colors follow all the way through to the embedded visuals?&nbsp;&nbsp;

Forum Discussion

Power BI Embedded Custom Color Themes in Reports do not promote

6 Replies

Related content

Blank Page - Embedded Report

Cross-Workspace Report Embedding

RLS for embedded PBI reports

Embedded report

PBI Embedded