Filter Card
The '"filterCard"' property can be defined for the whole report. Filter cards can have two states:
"Applied""Available"
defined by the"$id"attribute.
For each state, you can define the filter card's
- transparency
- background color
- foreground color
- text size
- border visibility
- border color
- input field color
Syntax
{
  "name": "LeanProductivity",
  "visualStyles": {
    "*": {
      "*": {
        "filterCard": [{
          "$id": "Applied",
          "transparency": 0,
          "backgroundColor": { "solid": { "color": "#18BC9C" } },
          "foregroundColor": { "solid": { "color": "#000000" } },
          "textSize": 10,
          "border": true,
          "borderColor": { "solid": { "color": "#000000" } },
          "inputBoxColor": { "solid": { "color": "#FFFFFF" } }
          },
          {
          "$id": "Available",
          "transparency": 0,
          "backgroundColor": { "solid": { "color": "#FFFFFF" } },
          "foregroundColor": { "solid": { "color": "#000000" } },
          "textSize": 10,
          "border": true,
          "borderColor": { "solid": { "color": "#000000" } },
          "inputBoxColor": { "solid": { "color": "#FFFFFF" } }
        }]
      }
    }
  }
}
Effect

Settings
Make sure to have no visual selected.
