X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/2e273c7f58e6fe02ae933e8af68683e093d62806..95cad596903ea8ade5dd6a9fd1895e4fdffcc2bc:/src/common/custom-theme.ts diff --git a/src/common/custom-theme.ts b/src/common/custom-theme.ts index 74dee7f6c9..73ed8e0660 100644 --- a/src/common/custom-theme.ts +++ b/src/common/custom-theme.ts @@ -23,13 +23,22 @@ export interface ArvadosTheme extends Theme { 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; } const arvadosPurple = '#361336'; +const grey500 = grey["500"]; const grey600 = grey["600"]; const grey700 = grey["700"]; const grey900 = grey["900"]; @@ -41,10 +50,17 @@ export const themeOptions: ArvadosThemeOptions = { 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'], - purple: arvadosPurple + blue700: blue['700'], + grey500: grey500, + purple: arvadosPurple, + orange: '#f0ad4e', } }, overrides: { @@ -174,4 +190,4 @@ export const themeOptions: ArvadosThemeOptions = { }, }; -export const CustomTheme = createMuiTheme(themeOptions); \ No newline at end of file +export const CustomTheme = createMuiTheme(themeOptions);