diff --git a/packages/fuselage/src/styleTokens.ts b/packages/fuselage/src/styleTokens.ts index 04b175c230..8b55702c8a 100644 --- a/packages/fuselage/src/styleTokens.ts +++ b/packages/fuselage/src/styleTokens.ts @@ -16,6 +16,8 @@ import { textIconColors, statusColors, throwErrorOnInvalidToken, + isBadgeColor, + badgeBackgroundColors, } from './Theme'; import { getPaletteColor } from './getPaletteColor'; import { @@ -152,6 +154,10 @@ export const backgroundColor = memoize((value) => { return statusBackgroundColors[value].toString(); } + if (isBadgeColor(value)) { + return badgeBackgroundColors[value].toString(); + } + return color(value); });