yellow700: string;
red900: string;
blue500: string;
+ purple: string;
}
const arvadosPurple = '#361336';
const rocheBlue = '#06C';
export const themeOptions: ArvadosThemeOptions = {
+ typography: {
+ useNextVariants: true,
+ },
customs: {
colors: {
green700: green["700"],
yellow700: yellow["700"],
red900: red['900'],
blue500: blue['500'],
+ purple: arvadosPurple
}
},
overrides: {
}
},
MuiTab: {
- selected: {
- fontWeight: 700,
- color: arvadosPurple
+ root: {
+ '&$selected': {
+ fontWeight: 700,
+ color: arvadosPurple
+ }
}
},
MuiList: {
},
MuiFormLabel: {
root: {
- fontSize: '0.875rem'
- },
- focused: {
- "&$focused:not($error)": {
- color: arvadosPurple
+ fontSize: '0.875rem',
+ "&$focused": {
+ "&$focused:not($error)": {
+ color: arvadosPurple
+ }
}
}
+ },
+ MuiStepIcon: {
+ root: {
+ '&$active': {
+ color: arvadosPurple
+ },
+ '&$completed': {
+ color: 'inherited'
+ },
+ }
}
},
mixins: {
palette: {
primary: {
main: teal.A700,
- dark: blue.A100,
+ dark: teal.A400,
contrastText: '#fff'
}
- }
+ },
};
export const CustomTheme = createMuiTheme(themeOptions);
\ No newline at end of file