Visualization: set JSON theme for Alternate bakcground and Alternate font

Question

Hi guys,&nbsp;I have this JSON file for a theme from Internet. How if I want to change / add to setting my table / matrix : Alternate background color and Alternate font color ?&nbsp;I also want the Background color of Title of all my visualization set into something.&nbsp;The code as below:{&nbsp;"name": "Acterys",&nbsp;"background": "#373f51",&nbsp;"foreground": "#C3D1D7",&nbsp;"tableAccent": "#61d1e1",&nbsp;"dataColors": [&nbsp;&nbsp;"#5B6170",&nbsp;&nbsp;"#00828C",&nbsp;&nbsp;"#61D1E1",&nbsp;&nbsp;"#9DD9D2",&nbsp;&nbsp;"#828C82",&nbsp;&nbsp;"#dc1975",&nbsp;&nbsp;"#373f51",&nbsp;&nbsp;"#00828c",&nbsp;&nbsp;"#FFB997"&nbsp;],&nbsp;"visualStyles": {&nbsp;&nbsp;&nbsp;&nbsp;"*": {&nbsp;&nbsp;&nbsp;"*": {&nbsp;&nbsp;&nbsp;&nbsp;"datalabels": {&nbsp;&nbsp;"color":{"solid":{"color":"#F17925"}}&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;&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; "wordWrap":true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "fontSize":11&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }],&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "wordWrap":[{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "show":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;&nbsp;&nbsp;&nbsp; "labels":[{&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "labelOrientation":"horizontal",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"color":{"solid":{"color":"#F5F6F6"}},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"fillcolor":{"solid":{"color":"#6A6F7C"}},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"enableBackground": 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;&nbsp;&nbsp;&nbsp; "categoryLabels":[{&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;"labelColor":{"solid":{"color":"#D1D2D6"}}&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; "categoryAxis":[{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "showAxisTitle":true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"labelColor":{"solid":{"color":"#D1D2D6"}}&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; "valueAxis":[{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "showAxisTitle":true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"labelColor":{"solid":{"color":"#D1D2D6"}}&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;"slicer": {&nbsp;&nbsp;&nbsp;"*": {&nbsp;&nbsp;&nbsp;&nbsp;"general": [{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"outlineColor": { "solid": { "color": "#C8C8C8"}},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"outlineWeight": 1,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"orientation": "vertical",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"responsive": true&nbsp;&nbsp;&nbsp;&nbsp;}],&nbsp;&nbsp;&nbsp;&nbsp;"data": [{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"mode": "Basic",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"relativeRange": "",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"relativePeriod": ""&nbsp;&nbsp;&nbsp;&nbsp;}],&nbsp;&nbsp;&nbsp;&nbsp;"selection": [{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"selectAllCheckboxEnabled": false,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"singleSelect": true&nbsp;&nbsp;&nbsp;&nbsp;}],&nbsp;&nbsp;&nbsp;&nbsp;"header": [{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"show": true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"fontColor": { "solid": { "color": "#C8C8C8"}},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"background": { "solid": { "color": "#373f51"}},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"outline": "None",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"textSize": 10,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"fontFamily": "Segoe UI"&nbsp;&nbsp;&nbsp;&nbsp;}],&nbsp;&nbsp;&nbsp;&nbsp;"date": [{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"fontColor": { "solid": { "color": "#C8C8C8"}},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"background": { "solid": { "color": "#373f51"}},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"textSize": 10,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"fontFamily": "Segoe UI"&nbsp;&nbsp;&nbsp;&nbsp;}],&nbsp;&nbsp;&nbsp;&nbsp;"items": [{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"fontColor": { "solid": { "color": "#C8C8C8"}},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"background": { "solid": { "color": "#373f51"}},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"outline": "None",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"textSize": 11,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"fontFamily": "Segoe UI"&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;]&nbsp;&nbsp;&nbsp;}&nbsp;},&nbsp;"page": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "*": {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "background": [{&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; "color": "#373f51"&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; "transparency": 0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ],&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "outspace": [{&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; "color": "#373f51"&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; "transparency": 0&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;Thanks in advance.

v-xicai · Answer

Hi admin_xlsior,&nbsp;You can import the theme JSON file from picture below. Conditional colors are not supported for Power BI themes.&nbsp;You can go through the links to learn more :https://docs.microsoft.com/en-us/power-bi/desktop-report-themes&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; https://www.cathrinewilhelmsen.net/2018/12/11/custom-power-bi-themes-page-background-colors/&nbsp;Please understand that this link is provided “AS IS” with no warranties or guarantees of content changes, and confers no rights.&nbsp;Best Regards,Amy&nbsp;If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

admin_xlsior · Answer

Hi thanks,&nbsp;Yes, they are also my references, but unfortunately not working.

v-xicai · Answer

Hi&nbsp;admin_xlsior ,&nbsp;Could you please show me the error information for further analysis ? If you need customize the theme color ,you can download the Color Theme Generator.&nbsp;Best Regards,Amy&nbsp;If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

admin_xlsior · Answer

Hi,&nbsp;Is this error:But that error I guess because I put int the wrong place / tag.&nbsp;I also following this discussion :&nbsp;https://community.powerbi.com/t5/Desktop/Custom-Report-Theme-JSON-Property-settings-in-Tables-Matrix/td-p/278177&nbsp;and put "backcolorSecondary" in the position it describe, but somehow it doesnt change my alternate row background color.&nbsp;Thanks,&nbsp;&nbsp;&nbsp;&nbsp;

v-xicai · Answer

Hi admin_xlsior&nbsp;,&nbsp;Based on my test using the codes above, it worked and had no error arising. Please check if the theme file type is ".json" suffix&nbsp;&nbsp;Here is my test JSON file: https://qiuyunus-my.sharepoint.com/:u:/g/personal/pbipro_qiuyunus_onmicrosoft_com/ESfijGTQzZNNm7hjohIG0LMBldJe_bbCkqXu2jBwSZzHWQ?e=S5ndDd&nbsp;Best Regards,Amy&nbsp;If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Forum Discussion

Visualization: set JSON theme for Alternate bakcground and Alternate font

6 Replies

Related content

Alternative to SWITCH ()?

Flight Path Visual - 'Flow Map' alternative?

New and Need Help - Alternating Rows

Alternate to Sankey Visual

alternative chart power bi