Set icon colors on Card components

[aschrijver]

What version of starlight are you using?

0.13.0

What is your idea?

When using <Card> user component and choosing an icon the color of the icon cannot be set. Would be great if the component can be extended so that color can be controlled, both for the icon itself and surrounding rectangle. Idk how to best take into account coloring for light and dark modes. If a color attribute (and maybe boxColor or something) is not feasible, then the color might be made overridable, same as other components already support.

Why is this feature necessary?

When customizing/branding starlight theme, specific consistent color palette should be used. The current cards introduce arbitrary colors that break brand consistency.

Do you have examples of this feature in other projects?

The astro <Icon> component has a color setting.

Participation

• I am willing to submit a pull request for this feature.