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

Get Fabric Certified for FREE during Fabric Data Days. Don't miss your chance! Request now

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
November Power BI Update Carousel

Power BI Monthly Update - November 2025

Check out the November 2025 Power BI update to learn about new features.

Fabric Data Days Carousel

Fabric Data Days

Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!

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.

Top Solution Authors
Top Kudoed Authors