diff --git a/.changeset/ninety-pandas-provide.md b/.changeset/ninety-pandas-provide.md new file mode 100644 index 0000000000..b607686b51 --- /dev/null +++ b/.changeset/ninety-pandas-provide.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-org': patch +--- + +EntityOwnershipCard: Fix color to pick up from page theme for component type diff --git a/plugins/org/src/components/Cards/OwnershipCard/ComponentsGrid.tsx b/plugins/org/src/components/Cards/OwnershipCard/ComponentsGrid.tsx index b0b4abc1a5..8dab5c4290 100644 --- a/plugins/org/src/components/Cards/OwnershipCard/ComponentsGrid.tsx +++ b/plugins/org/src/components/Cards/OwnershipCard/ComponentsGrid.tsx @@ -42,7 +42,6 @@ const useStyles = makeStyles((theme: BackstageTheme) => boxShadow: theme.shadows[2], borderRadius: '4px', padding: theme.spacing(2), - color: theme.palette.common.white, transition: `${theme.transitions.duration.standard}ms`, '&:hover': { boxShadow: theme.shadows[4], @@ -58,6 +57,8 @@ const useStyles = makeStyles((theme: BackstageTheme) => entityTypeBox: { background: (props: { type: string }) => theme.getPageTheme({ themeId: props.type }).backgroundImage, + color: (props: { type: string }) => + theme.getPageTheme({ themeId: props.type }).fontColor, }, }), );