@salesforce-ux/design-system/metadata/components/badges/styling-hooks.json

Salesforce Lightning Design System

{"--slds-c-badge-text-color":{"fallbackValue":"10, rgb(24, 24, 24)","category":"Color","valueType":"Color"},"--slds-c-badge-font-size":{"fallbackValue":"0.75rem","category":"Font","valueType":"Dimension"},"--slds-c-badge-line-height":{"fallbackValue":"normal","category":"Text","valueType":"Number"},"--slds-c-badge-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-badge-color-border":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-badge-radius-border":{"fallbackValue":"15rem","category":"Radius","valueType":"Dimension"},"--slds-c-badge-color-background":{"fallbackValue":"95, rgb(243, 243, 243)","category":"Color","valueType":"Color"},"--slds-c-badge-inverse-color-background":{"fallbackValue":"50, rgb(116, 116, 116)","category":"Color","valueType":"Color"},"--slds-c-badge-inverse-text-color":{"fallbackValue":"100, rgb(255, 255, 255)","category":"Color","valueType":"Color"},"--slds-c-badge-lightest-color-background":{"fallbackValue":"100, rgb(255, 255, 255)","category":"Color","valueType":"Color"},"--slds-c-badge-lightest-color-border":{"fallbackValue":"1, rgb(229, 229, 229)","category":"Color","valueType":"Color"},"--slds-c-badge-icon-color-foreground":{"fallbackValue":"50, rgb(116, 116, 116)","category":"Color","valueType":"Color"},"--slds-c-badge-icon-inverse-color-foreground":{"fallbackValue":"currentColor","category":"Color","valueType":"Color"}}