The ultimate Fabric, Power BI, SQL, and AI community-led learning event. Save €200 with code FABCOMM.
Get registeredEnhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.
Hi All,
I am researching on the JSON theme file recently , and would like to change the default setting for the new slicer visual. However , I faced problem when I wanted to change the text colour in different states (default , hover, selected...) . The text value is not reflected correct when I imported the JSON theme file even I reset the visual to the default settings.
Lets us discuss this together. Thanks.
Hi,
is your JSON is general applied to all the action buttons including the new cards, new slicers?
Thanks
HY
Hi @TanHY ,
The code in my test is about button, and if you need to modify other visuals, you'll need to check their properties first. Here is a link for your reference.Use report themes in Power BI Desktop - Power BI | Microsoft Learn
Best regards,
Mengmeng Li
Hi @TanHY ,
If you want to customize the color of visuals using JSON file, you'll need to use the following format. Here is a link about using JSON to set style of visuals for your reference. Use report themes in Power BI Desktop - Power BI | Microsoft Learn
"visualStyles": {
"<visualName>": {
"<styleName>": {
"<cardName>": [{
"<propertyName>": <propertyValue>
}]
}
}
}
You can also refer to this, it works fine in my test.
"visualStyles":{
"*": {
"*": {
}
},
"actionButton":{"*":
{
"fill":
[
{
"show":true
},
{
"$id": "default",
"transparency": 0,
"fillColor": {"solid":{"color":"#104280"}}
},
{
"$id": "hover",
"transparency": 0,
"fillColor": {"solid":{"color":"#FFFFF"}}
},
{
"$id": "selected",
"transparency": 0,
"fillColor": {"solid":{"color":"#FFFFF"}}
}
]
}}
}}
If you're unsure about the properties of a visual, you can refer to this. Use report themes in Power BI Desktop - Power BI | Microsoft Learn
Best regards,
Mengmeng Li