X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/cf83b358f087a87b5ff095d3ed7a8c6920c60ffe..43a3f5a12405b52e012097f19c5d25eaaf670ee4:/src/common/custom-theme.ts?ds=sidebyside diff --git a/src/common/custom-theme.ts b/src/common/custom-theme.ts index d93b37b7..fc89a4ae 100644 --- a/src/common/custom-theme.ts +++ b/src/common/custom-theme.ts @@ -4,7 +4,6 @@ import { createMuiTheme } from '@material-ui/core/styles'; import { ThemeOptions, Theme } from '@material-ui/core/styles/createMuiTheme'; -import purple from '@material-ui/core/colors/purple'; import blue from '@material-ui/core/colors/blue'; import grey from '@material-ui/core/colors/grey'; import green from '@material-ui/core/colors/green'; @@ -24,19 +23,22 @@ export interface ArvadosTheme extends Theme { interface Colors { green700: string; + yellow100: string; yellow700: string; + yellow900: string; + red100: string; red900: string; blue500: string; + grey500: string; purple: string; + orange: string; } const arvadosPurple = '#361336'; -const purple800 = purple["800"]; const grey500 = grey["500"]; const grey600 = grey["600"]; const grey700 = grey["700"]; const grey900 = grey["900"]; -const rocheBlue = '#06C'; export const themeOptions: ArvadosThemeOptions = { typography: { @@ -45,10 +47,15 @@ export const themeOptions: ArvadosThemeOptions = { customs: { colors: { green700: green["700"], + yellow100: yellow["100"], yellow700: yellow["700"], + yellow900: yellow["900"], + red100: red["100"], red900: red['900'], blue500: blue['500'], - purple: arvadosPurple + grey500: grey500, + purple: arvadosPurple, + orange: '#f0ad4e', } }, overrides: {