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

Grow your Fabric skills and prepare for the DP-600 certification exam by completing the latest Microsoft Fabric challenge.

Reply
Mlemmers
Helper I
Helper I

Shape theme json fill color not showing

Hey,

 

I'm working on a power bi theme json and have been perusing different githubs with source code for this, https://github.com/MattRudy/PowerBI-ThemeTemplates/blob/master/Shape.json for example. The new shapes don't use visual style basicShape anymore but shape. However, I'm unable to change the fill to white and not show the outline. The shapes are filled with the first color specified in the "dataColors" list. I don't know if it matter that fill and line are now in the dropdown menu under shape style in desktop. Can someone help me out on this or point me to updated documentation?

My code: 

	"visualStyles": {
	
	        "shape": {
            "*": {
              "general": [{
					"keepLayerOrder": true
				}],
				"line": [{
					"show": false
				}],
				"title": [{
					"show": false
				}],
				"background": [{
					"show": false
				}],
				"fill": [{
					"show": true,
					"fillColor": { "solid": { "color": "#FFFFFF"}},
					"transparency": 0
				}],
				"visualHeader": [{
					"show": false
				}]
            }
        }

 

1 ACCEPTED SOLUTION
v-yiruan-msft
Community Support
Community Support

Hi @Mlemmers ,

Thanks for reaching out to us with your problem. Base on your decription, it seems that the fill color not display for the shape even though set it in theme file. You can adjust the codes as below and check if it works:

{
    "name": "Custom Theme",
    "dataColors": ["#01B8AA", "#374649", "#FD625E", "#F2C80F", "#5F6B6D", "#8AD4EB"],
    "visualStyles": {
        "shapes": {
            "*": {
                "general": [{
                    "keepLayerOrder": true
                }],
                "fill": [{
                    "show": true,
                    "fillColor": {
                        "solid": {
                            "color": "#FFFFFF"
                        }
                    }
                }],
                "outline": [{
                    "show": false
                }],
                "visualHeader": [{
                    "show": false
                }]
            }
        }
    }
}

Best Regards

Community Support Team _ Rena
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

2 REPLIES 2
v-yiruan-msft
Community Support
Community Support

Hi @Mlemmers ,

Thanks for reaching out to us with your problem. Base on your decription, it seems that the fill color not display for the shape even though set it in theme file. You can adjust the codes as below and check if it works:

{
    "name": "Custom Theme",
    "dataColors": ["#01B8AA", "#374649", "#FD625E", "#F2C80F", "#5F6B6D", "#8AD4EB"],
    "visualStyles": {
        "shapes": {
            "*": {
                "general": [{
                    "keepLayerOrder": true
                }],
                "fill": [{
                    "show": true,
                    "fillColor": {
                        "solid": {
                            "color": "#FFFFFF"
                        }
                    }
                }],
                "outline": [{
                    "show": false
                }],
                "visualHeader": [{
                    "show": false
                }]
            }
        }
    }
}

Best Regards

Community Support Team _ Rena
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

We face the same issue. I tried to import this JSON, but it doesn't seem to work. The outline is still there and the fill color hasn't changed. The fill color still uses the main theme color 1. Any other options?

Helpful resources

Announcements
Europe Fabric Conference

Europe’s largest Microsoft Fabric Community Conference

Join the community in Stockholm for expert Microsoft Fabric learning including a very exciting keynote from Arun Ulag, Corporate Vice President, Azure Data.

Power BI Carousel June 2024

Power BI Monthly Update - June 2024

Check out the June 2024 Power BI update to learn about new features.

RTI Forums Carousel3

New forum boards available in Real-Time Intelligence.

Ask questions in Eventhouse and KQL, Eventstream, and Reflex.