How to change slicer search box text font and color in Power BI?

[dmadhup]

Hi,

I have slicer's Seach Box enabled and I would like to change the color and font type of slicer's search box? For example, in below image, If i search APPLE in my slicer's search box, it appears light blue. How can I change different color and also dieeren

[Anonymous]

HI I found a solution that doesnt require coding, Under view tab, click dropdown arrow for themes, select customize current theme, then under text, change general text colour, this will also affect text colour for like date sliderst too.

[marcoselias · Accepted solution]

This is how I changed the slicer's search box background to black and the text to white.

Please note that I took out the rest of my .json file configurations to provide a succinct answer to this question. You will probably want to tweak the items' background, overall transparency, etc.:

{
	"name": "slicer search box color setting",

	"visualStyles": {
		"slicer": {
			"*": {
				"*": [
					{
						"fontColor": { "solid": { "color": "#FFFFFF" } },
						"background": { "solid": { "color": "#000000" } }
					}
				]
			}
		}
	}
}

[SteveCampbell]

Select the visual, then in the formatting ribon, go to items the Font color .

Appreciate your Kudos
Connect with me!

Stay up to date on  
Read my blogs on  

[dmadhup]

Thank you Steve for the response.

Actually, I am trying to change the font inside the search box of slicer. Not the items of slicers. If you see my image attached, there is search sign (like lens) and blue text.

[v-chuncz-msft]

@dmadhup 

You may use Class name smallLabel.

https://powerbi.microsoft.com/en-us/blog/power-bi-desktop-september-2019-feature-summary/#themeJSON

[dmadhup]

Thank you  v-chuncz for the response. When I use smallLabel with text class, I don't see any changes on searchbox text size. Here is my JASON code:

    {
       "name": "AHT Dashboard",
       "dataColors": ["#ff8c00", "#5999D3", "#FBBD01", "#264478", "#95bee3", "#609350"],
       "background":"#212938",
       "foreground": "#7FDBFF",
       "tableAccent": "#77D7FE",
       "textClasses": {
               "smallLabel": {
                   "fontSize": 14,
                   "fontFace": "Segoe UI",
                   "color": "#000000"
                }
       }
        
   }