Customize theme in Power BI Desktop - filter cards font and icon color

[pauliinah]

In Power BI Dekstop's Customize theme you can customize the Filter pane and select font and icon color for available and applied filter cards. However the selection does nothing and always reverts back to black, and checking the reportThemeSchema I didn't find a setting for the filter card font and icon color at all. Did I miss something on the schema? Should the setting work? And if not, why is it in the customize theme options?

[pauliinah]

I started a new file and in that file the setting stuck. And I could save it to my existing theme as well. Some kind of  transient problem it seems. Thank you!

[KNP · Accepted solution]

Just in case it's not obvious, you can add another block like below for the formatting to be added to the filters that are "Applied".

          {
                    
            "backgroundColor": {
              "solid": {
                "color": "#A4BBFF"
              }
            },
            "border": true,
            "borderColor": {
              "solid": {
                "color": "#6dff57"
              }
            },
            "foregroundColor": {
              "solid": {
                "color": "#4723f7"
              }
            },
            "inputBoxColor": {
              "solid": {
                "color": "#8EA049"
              }
            },
            "textSize": 24,
            "$id": "Applied"
          }

[KNP]

It should work, can you share your JSON theme file?

Here's this gorgeous theme for reference...😂

{
  "name": "debug",
  "visualStyles": {
    "*": {
      "*": {
        "filterCard": [
          {
            "backgroundColor": {
              "solid": {
                "color": "#ff56ff"
              }
            },
            "border": true,
            "borderColor": {
              "solid": {
                "color": "#6dff57"
              }
            },
            "foregroundColor": {
              "solid": {
                "color": "#4723f7"
              }
            },
            "inputBoxColor": {
              "solid": {
                "color": "#f72323"
              }
            },
            "textSize": 24,
            "$id": "Available"
          }
        ],
        "outspacePane": [
          {
            "backgroundColor": {
              "solid": {
                "color": "#6b2725"
              }
            },
            "border": true,
            "borderColor": {
              "solid": {
                "color": {
                  "expr": {
                    "ThemeDataColor": {
                      "ColorId": 0,
                      "Percent": 0
                    }
                  }
                }
              }
            },
            "foregroundColor": {
              "solid": {
                "color": "#23d3e7"
              }
            },
            "headerSize": 26,
            "inputBoxColor": {
              "solid": {
                "color": {
                  "expr": {
                    "ThemeDataColor": {
                      "ColorId": 1,
                      "Percent": 0.2
                    }
                  }
                }
              }
            },
            "width": 160
          }
        ]
      }
    }
  }
}

The important part that may have been missing to get it to work is the "$id": "Available" (or "Applied").

I hope this helps.