Change the styling of the <DependencyGraph> to have more contrast in light mode

Signed-off-by: Oliver Sand <oliver.sand@sda-se.com>
This commit is contained in:
Oliver Sand
2021-09-08 14:15:04 +02:00
parent 5d79be7fb3
commit 60c03f69a7
2 changed files with 9 additions and 3 deletions
+6
View File
@@ -0,0 +1,6 @@
---
'@backstage/core-components': patch
---
Change the styling of the `<DependencyGraph>` to have more contrast in light
mode. Nodes now have a design similar to material UI buttons.
@@ -21,11 +21,11 @@ import { RenderNodeProps } from './types';
const useStyles = makeStyles((theme: BackstageTheme) => ({
node: {
fill: theme.palette.background.paper,
stroke: theme.palette.border,
fill: theme.palette.primary.light,
stroke: theme.palette.primary.light,
},
text: {
fill: theme.palette.textContrast,
fill: theme.palette.primary.contrastText,
},
}));