interface Colors {
green700: string;
+ green800: string;
yellow100: string;
yellow700: string;
yellow900: string;
red100: string;
red900: string;
blue500: string;
+ blue700: string;
grey500: string;
+ grey600: string;
purple: string;
orange: string;
}
customs: {
colors: {
green700: green["700"],
+ green800: green["800"],
yellow100: yellow["100"],
yellow700: yellow["700"],
yellow900: yellow["900"],
red100: red["100"],
red900: red['900'],
blue500: blue['500'],
+ blue700: blue['700'],
grey500: grey500,
purple: arvadosPurple,
orange: '#f0ad4e',
},
};
-export const CustomTheme = createMuiTheme(themeOptions);
\ No newline at end of file
+export const CustomTheme = createMuiTheme(themeOptions);
export const getProcessStatusColor = (status: string, { customs }: ArvadosTheme) => {
switch (status) {
case ProcessStatus.RUNNING:
- return customs.colors.blue500;
+ return customs.colors.green800;
case ProcessStatus.COMPLETED:
- return customs.colors.green700;
case ProcessStatus.WARNING:
- return customs.colors.yellow700;
+ return customs.colors.green800;
case ProcessStatus.FAILING:
- return customs.colors.orange;
case ProcessStatus.CANCELLED:
case ProcessStatus.FAILED:
return customs.colors.red900;
default:
- return customs.colors.grey500;
+ return customs.colors.grey600;
}
};