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';
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: {
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: {