topic Re: Customize theme in Power BI in Developer

Customize theme in Power BI

Analitika — Tue, 26 Apr 2022 13:29:43 GMT

Hello,

I have these visuals. I want to define their x, y scale values color. I am using theme but need also change this. How to define color. Current color is black, I need white color.

Here is my theme json:

{"name":"Metricalist - Power BI Windows 11 Theme","visualStyles":{"page":{"*":{"background":[{"color":{"solid":{"color":"#202020"}},"transparency":0}],"outspace":[{"color":{"solid":{"color":"#DFDFE9"}}}],"displayArea":[{"verticalAlignment":"Middle"}]}},"*":{"*":{"outspacePane":[{"backgroundColor":{"solid":{"color":"#DFDFE9"}},"foregroundColor":{"solid":{"color":"#323447"}},"checkboxAndApplyColor":{"solid":{"color":"#60CDFF"}}}],"filterCard":[{"$id":"Applied","backgroundColor":{"solid":{"color":"#FCFDFE"}},"foregroundColor":{"solid":{"color":"#323447"}},"transparency":0},{"$id":"Available","backgroundColor":{"solid":{"color":"#F1F2F7"}},"foregroundColor":{"solid":{"color":"#323447"}},"transparency":0}],"background":[{"color":{"solid":{"color":"#2C2C2C"}}}],"border":[{"color":{"solid":{"color":"#2C2C2C"}},"show":true,"radius":5}],"visualHeader":[{"background":{"solid":{"color":"#2C2C2C"}},"foreground":{"solid":{"color":"#F8FAF7"}},"border":{"solid":{"color":"#2C2C2C"}}}],"visualTooltip":[{"titleFontColor":{"solid":{"color":"#262735"}},"valueFontColor":{"solid":{"color":"#2C2C2C"}},"background":{"solid":{"color":"#F8FAF7"}}}],"visualHeaderTooltip":[{"titleFontColor":{"solid":{"color":"#262735"}},"background":{"solid":{"color":"#F8FAF7"}}}],"dropShadow":[{"position":"Outer","show":false,"color":{"solid":{"color":"#000000"}}}]}}},"dataColors":["#005FB8","#60CDFF","#777777","#459BAC","#D0000C","#696CB5","#CCCCCC","#000000"],"textClasses":{"label":{"fontFace":"wf_standard-font, helvetica, arial, sans-serif","color":"#F8FAF7","fontSize":10},"callout":{"color":"#F8FAF7","fontSize":9,"fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif"},"title":{"color":"#F8FAF7","fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif","fontSize":9},"header":{"color":"#F8FAF7","fontSize":9,"fontFace":"'Segoe UI Semibold', wf_segoe-ui_semibold, helvetica, arial, sans-serif"}},"bad":"#60CDFF","neutral":"#CCCCCC","good":"#005FB8","minimum":"#60CDFF","center":"#CCCCCC","maximum":"#005FB8","foreground":"#F8FAF7","foregroundNeutralSecondary":"#CCCCCC","backgroundLight":"#262735","background":"#323447","foregroundNeutralTertiary":"#ADAEB5","backgroundNeutral":"#848591"}

I have no idea where I have put code changing my visuals x, y scale values colors: from current black to white as example.

Re: Customize theme in Power BI

Anonymous — Fri, 29 Apr 2022 07:53:50 GMT

Hi @Analitika ,

Please try to update the codes of theme json file as follow, please check the below screenshot for the updated info...

{ "name":"Metricalist - Power BI Windows 11 Theme", "visualStyles":{ "page":{ "*":{ "background":[ { "color":{ "solid":{ "color":"#202020" } }, "transparency":0 } ], "outspace":[ { "color":{ "solid":{ "color":"#DFDFE9" } } } ], "displayArea":[ { "verticalAlignment":"Middle" } ] } }, "*":{ "*":{ "outspacePane":[ { "backgroundColor":{ "solid":{ "color":"#DFDFE9" } }, "foregroundColor":{ "solid":{ "color":"#323447" } }, "checkboxAndApplyColor":{ "solid":{ "color":"#60CDFF" } } } ], "filterCard":[ { "$id":"Applied", "backgroundColor":{ "solid":{ "color":"#FCFDFE" } }, "foregroundColor":{ "solid":{ "color":"#323447" } }, "transparency":0 }, { "$id":"Available", "backgroundColor":{ "solid":{ "color":"#F1F2F7" } }, "foregroundColor":{ "solid":{ "color":"#323447" } }, "transparency":0 } ], "background":[ { "color":{ "solid":{ "color":"#FFFFFF" } } } ], "border":[ { "color":{ "solid":{ "color":"#2C2C2C" } }, "show":true, "radius":5 } ], "visualHeader":[ { "background":{ "solid":{ "color":"#2C2C2C" } }, "foreground":{ "solid":{ "color":"#F8FAF7" } }, "border":{ "solid":{ "color":"#2C2C2C" } } } ], "visualTooltip":[ { "titleFontColor":{ "solid":{ "color":"#262735" } }, "valueFontColor":{ "solid":{ "color":"#2C2C2C" } }, "background":{ "solid":{ "color":"#F8FAF7" } } } ], "visualHeaderTooltip":[ { "titleFontColor":{ "solid":{ "color":"#262735" } }, "background":{ "solid":{ "color":"#F8FAF7" } } } ], "dropShadow":[ { "position":"Outer", "show":false, "color":{ "solid":{ "color":"#000000" } } } ] } } }, "dataColors":[ "#005FB8", "#60CDFF", "#777777", "#459BAC", "#D0000C", "#696CB5", "#CCCCCC", "#000000" ], "textClasses":{ "label":{ "fontFace":"wf_standard-font, helvetica, arial, sans-serif", "color":"#F8FAF7", "fontSize":10 }, "callout":{ "color":"#F8FAF7", "fontSize":9, "fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif" }, "title":{ "color":"#F8FAF7", "fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif", "fontSize":9 }, "header":{ "color":"#F8FAF7", "fontSize":9, "fontFace":"'Segoe UI Semibold', wf_segoe-ui_semibold, helvetica, arial, sans-serif" } }, "bad":"#60CDFF", "neutral":"#CCCCCC", "good":"#005FB8", "minimum":"#60CDFF", "center":"#CCCCCC", "maximum":"#005FB8", "foreground":"#F8FAF7", "foregroundNeutralSecondary":"#CCCCCC", "backgroundLight":"#262735", "background":"#323447", "foregroundNeutralTertiary":"#ADAEB5", "backgroundNeutral":"#848591" }

Best Regards

Re: Customize theme in Power BI

Analitika — Fri, 29 Apr 2022 08:01:40 GMT

Ok but it didn't change all visuals:

Re: Customize theme in Power BI

Anonymous — Fri, 29 Apr 2022 08:22:46 GMT

Hi @Analitika ,

Please update the codes as below:

{ "name":"Metricalist - Power BI Windows 11 Theme", "visualStyles":{ "page":{ "*":{ "background":[ { "color":{ "solid":{ "color":"#202020" } }, "transparency":0 } ], "outspace":[ { "color":{ "solid":{ "color":"#DFDFE9" } } } ], "displayArea":[ { "verticalAlignment":"Middle" } ] } }, "*":{ "*":{ "outspacePane":[ { "backgroundColor":{ "solid":{ "color":"#DFDFE9" } }, "foregroundColor":{ "solid":{ "color":"#323447" } }, "checkboxAndApplyColor":{ "solid":{ "color":"#60CDFF" } } } ], "filterCard":[ { "$id":"Applied", "backgroundColor":{ "solid":{ "color":"#FCFDFE" } }, "foregroundColor":{ "solid":{ "color":"#323447" } }, "transparency":0 }, { "$id":"Available", "backgroundColor":{ "solid":{ "color":"#F1F2F7" } }, "foregroundColor":{ "solid":{ "color":"#323447" } }, "transparency":0 } ], "background":[ { "color":{ "solid":{ "color":"#2C2C2C" } } } ], "border":[ { "color":{ "solid":{ "color":"#2C2C2C" } }, "show":true, "radius":5 } ], "visualHeader":[ { "background":{ "solid":{ "color":"#2C2C2C" } }, "foreground":{ "solid":{ "color":"#F8FAF7" } }, "border":{ "solid":{ "color":"#2C2C2C" } } } ], "visualTooltip":[ { "titleFontColor":{ "solid":{ "color":"#262735" } }, "valueFontColor":{ "solid":{ "color":"#2C2C2C" } }, "background":{ "solid":{ "color":"#F8FAF7" } } } ], "visualHeaderTooltip":[ { "titleFontColor":{ "solid":{ "color":"#262735" } }, "background":{ "solid":{ "color":"#F8FAF7" } } } ], "dropShadow":[ { "position":"Outer", "show":false, "color":{ "solid":{ "color":"#000000" } } } ] } } }, "dataColors":[ "#005FB8", "#60CDFF", "#777777", "#459BAC", "#D0000C", "#696CB5", "#CCCCCC", "#000000" ], "textClasses":{ "label":{ "fontFace":"wf_standard-font, helvetica, arial, sans-serif", "color":"#FFFFFF", "fontSize":10 }, "callout":{ "color":"#FFFFFF", "fontSize":9, "fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif" }, "title":{ "color":"#FFFFFF", "fontFace":"'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif", "fontSize":9 }, "header":{ "color":"#FFFFFF", "fontSize":9, "fontFace":"'Segoe UI Semibold', wf_segoe-ui_semibold, helvetica, arial, sans-serif" } }, "bad":"#60CDFF", "neutral":"#CCCCCC", "good":"#005FB8", "minimum":"#60CDFF", "center":"#CCCCCC", "maximum":"#005FB8", "foreground":"#F8FAF7", "foregroundNeutralSecondary":"#CCCCCC", "backgroundLight":"#262735", "background":"#323447", "foregroundNeutralTertiary":"#ADAEB5", "backgroundNeutral":"#848591" }

Best Regards

Re: Customize theme in Power BI

Analitika — Fri, 29 Apr 2022 13:46:46 GMT

Seems it doesn't override if I change some parameters. Visuals not changes.

Re: Customize theme in Power BI

Anonymous — Fri, 06 May 2022 07:58:06 GMT

Hi @Analitika ,

What does the visual look like now after you have changed it according to the information I provided in my previous post? Could you please provide some screenshots? Thank you.

Best Regards