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

Calling all Data Engineers! Fabric Data Engineer (Exam DP-700) live sessions are back! Starting October 16th. Sign up.

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 Global Hackathon Carousel

FabCon Global Hackathon

Join the Fabric FabCon Global Hackathon—running virtually through Nov 3. Open to all skill levels. $10,000 in prizes!

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