Forum Discussion
Customize theme in Power BI
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. ...
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
Ok but it didn't change all visuals:
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
Seems it doesn't override if I change some parameters. Visuals not changes.
