Button cards with type `icon` don't respect the `--state-inactive-color`

[thislooksfun]

Checklist

• [x] I updated the card to the latest version available
• [x] I cleared the cache of my browser

Describe the bug I am maintaining the catppuccin HA theme, which has a mostly monochrome palette. Notably, the --state-active-color matches the --state-icon-color. This is causing some button-cards with color_type: icon that are reflecting an entity without a different active color to look like they are always on (notably input_booleans). I tried to fix this by adding a base --state-inactive-color to the theme, but that did nothing because this card overrides that to always match the --state-icon-color.

I am classifying this as a bug rather than a feature request because the button card does respect the individual --state-[type]-inactive-color (and the --state-[type]-off-color), if defined, but it doesn't respect the global default --state-inactive-color.

Version of the card Version: 7.0.1

To Reproduce This is the configuration I used:

type: custom:button-card
entity: input_boolean.some_input
section_mode: true
grid_options:
  rows: 2
  columns: 6

Screenshots See https://github.com/catppuccin/home-assistant/issues/51

Expected behavior I would expect that when the card's entity is inactive it would be the inactive color, not the default icon color.

Desktop (please complete the following information):

• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context N/A