- typography: {
- useNextVariants: true,
- },
- customs: {
- colors: {
- green700: green["700"],
- yellow100: yellow["100"],
- yellow700: yellow["700"],
- yellow900: yellow["900"],
- red100: red["100"],
- red900: red['900'],
- blue500: blue['500'],
- grey500: grey["500"],
- grey700: grey["700"],
- purple: arvadosPurple,
- orange: '#f0ad4e',
- },
- },
- overrides: {
- MuiTypography: {
- body1: {
- fontSize: '0.8125rem',
- },
- },
- MuiAppBar: {
- colorPrimary: {
- backgroundColor: arvadosPurple,
- },
- },
- MuiTabs: {
- root: {
- color: grey600,
- },
- indicator: {
- backgroundColor: arvadosPurple,
- },
- },
- MuiTab: {
- root: {
- '&$selected': {
- fontWeight: 700,
- color: arvadosPurple,
+ typography: {
+ useNextVariants: true,
+ },
+ 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,
+ grey600: grey600,
+ grey700: grey700,
+ grey800: grey800,
+ grey900: grey900,
+ darkblue: arvadosDarkBlue,
+ orange: '#f0ad4e',
+ greyL: arvadosGreyLight,
+ greyD: arvadosGreyDark,
+ }
+ },
+ overrides: {
+ MuiTypography: {
+ body1: {
+ fontSize: '0.8125rem'
+ }