From 0151ed6ec37a547cca21ed3c44779240d14faf46 Mon Sep 17 00:00:00 2001 From: Axel Hecht Date: Wed, 14 Jun 2023 14:15:10 +0200 Subject: [PATCH] EntityOwnershipCard: Fix color to pick up from page theme for component type Signed-off-by: Axel Hecht --- .changeset/ninety-pandas-provide.md | 5 +++++ .../src/components/Cards/OwnershipCard/ComponentsGrid.tsx | 3 ++- 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 .changeset/ninety-pandas-provide.md 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, }, }), );