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

We've captured the moments from FabCon & SQLCon that everyone is talking about, and we are bringing them to the community, live and on-demand. Starts on April 14th. Register now

Reply
Mark84
Regular Visitor

Define the slicer background-color in custom theme

Hi everybody,

is it possible to define the background-color of the slicer with the json-file?

Thanks,
Mark

1 ACCEPTED SOLUTION
Anonymous
Not applicable

@Mark84,

Based on my test, there is no specific  option to set background color for slicer in JSON file. However, after you import report theme JSON file to the PBIX file, you can apply colors of the report theme to the slicer background manually.
1.JPG

Regards,
Lydia

View solution in original post

12 REPLIES 12
Anonymous
Not applicable

@Mark84,

Based on my test, there is no specific  option to set background color for slicer in JSON file. However, after you import report theme JSON file to the PBIX file, you can apply colors of the report theme to the slicer background manually.
1.JPG

Regards,
Lydia

This works for me with the July 2018 release of Power BI Desktop.

 

    "slicer": {
      "*": {
        "background": [{
            "show": true,
            "color": {
              "solid": {
                "color": "#123456"
              }
            },
            "transparency": 0
          }
        ]
      }
    },

Hi, since you guys are talking about slicers, does anyone know the code to make a Combobox/Dropdown default instead of the List?

Would love to know how to do this... searched all over and can't find a thing mentioning it. 

This is the best reference I've seen as far as a near-complete .json definition for slicers.  It is in a github repository has very good definitions for most Power BI visuals.

 

 

Works all well the only thing I couldn't figure out is how to set "Date inputs" attributes?

I'm also looking to change color of Date Inputs and Slider of the Slicer visual.

Here you will find all the answers. This repository has helped me to figure out everything.

Thanks @zapppsr , @gaccardo already mentioned it above, and it is a great resource; however there are no mentions of changing "date input" properties of a slicer.

@datamodel Here is an example of how you format date inputs:

 

        "date": [
          {
            "background": {
              "solid": {
                "color": "#FFFFFF"
              }
            },
            "fontFamily": "'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif",
            "fontColor": {
              "solid": {
                "color": "#223645"
              }
            }
          }
        ]

 

"date" works just like "items" .

BTW, I guessed "date" and it worked. It's not documented anywhere.

There is also another undocumented option: "foregroundNeutralSecondary". 

foregroundNeutralSecondary.PNG 

That's a great one, and the one I've used so far to get almost everything i need. Just can't figure out how to switch from list to drop-down. 

Helpful resources

Announcements
New to Fabric survey Carousel

New to Fabric Survey

If you have recently started exploring Fabric, we'd love to hear how it's going. Your feedback can help with product improvements.

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.

Join our Fabric User Panel

Join our Fabric User Panel

Share feedback directly with Fabric product managers, participate in targeted research studies and influence the Fabric roadmap.

March Power BI Update Carousel

Power BI Community Update - March 2026

Check out the March 2026 Power BI update to learn about new features.