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

July 7 - July 17 | Round 2 of the Power BI Dataviz World Championships. Don't miss your chance! 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
FabCon and SQLCon Barcelona 2026

FabCon & SQLCon – Barcelona 2026

Join us in Barcelona for FabCon and SQLCon, the Fabric, Power BI, SQL, and AI community event. Save €200 with code FABCMTY200.

60 days of Data Days Carousel

Data Days 2026

Join Fabric Data Days 2026: 60 days of free live/on-demand sessions, challenges, study groups, and certification opportunities.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.