Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more

Reply
TanHY
Helper I
Helper I

New Slicer JSON theme File

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.

TanHY_0-1726211076120.png

 

3 REPLIES 3
TanHY
Helper I
Helper I

Hi,

is your JSON is general applied to all the action buttons including the new cards, new slicers?

 

Thanks 

 

HY

Anonymous
Not applicable

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

Anonymous
Not applicable

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

Helpful resources

Announcements
Power BI DataViz World Championships

Power BI Dataviz World Championships

The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!

December 2025 Power BI Update Carousel

Power BI Monthly Update - December 2025

Check out the December 2025 Power BI Holiday Recap!

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.