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';
}
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: {
}
},
MuiTab: {
- selected: {
- fontWeight: 700,
- color: arvadosPurple
+ root: {
+ '&$selected': {
+ fontWeight: 700,
+ color: arvadosPurple
+ }
}
},
MuiList: {
fontSize: '1.25rem'
}
},
+ MuiExpansionPanel: {
+ expanded: {
+ marginTop: '8px',
+ }
+ },
+ MuiExpansionPanelDetails: {
+ root: {
+ marginBottom: 0,
+ paddingBottom: '4px',
+ }
+ },
+ MuiExpansionPanelSummary: {
+ content: {
+ '&$expanded': {
+ margin: 0,
+ },
+ color: grey700,
+ fontSize: '1.25rem',
+ margin: 0,
+ },
+ expanded: {},
+ },
MuiMenuItem: {
root: {
padding: '8px 16px'
},
MuiFormLabel: {
root: {
- fontSize: '0.875rem'
- },
- focused: {
- "&$focused:not($error)": {
- color: arvadosPurple
+ fontSize: '0.875rem',
+ "&$focused": {
+ "&$focused:not($error)": {
+ color: arvadosPurple
+ }
}
}
},