projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
17306: Removed userUuid from group call
[arvados.git]
/
src
/
common
/
custom-theme.ts
diff --git
a/src/common/custom-theme.ts
b/src/common/custom-theme.ts
index ff0eb5e34ce7449f672464485b5879cc98f5d382..d93b37b79b9c2de27e92b2a565012711a85de68e 100644
(file)
--- a/
src/common/custom-theme.ts
+++ b/
src/common/custom-theme.ts
@@
-27,6
+27,7
@@
interface Colors {
yellow700: string;
red900: string;
blue500: string;
yellow700: string;
red900: string;
blue500: string;
+ purple: string;
}
const arvadosPurple = '#361336';
}
const arvadosPurple = '#361336';
@@
-38,12
+39,16
@@
const grey900 = grey["900"];
const rocheBlue = '#06C';
export const themeOptions: ArvadosThemeOptions = {
const rocheBlue = '#06C';
export const themeOptions: ArvadosThemeOptions = {
+ typography: {
+ useNextVariants: true,
+ },
customs: {
colors: {
green700: green["700"],
yellow700: yellow["700"],
red900: red['900'],
blue500: blue['500'],
customs: {
colors: {
green700: green["700"],
yellow700: yellow["700"],
red900: red['900'],
blue500: blue['500'],
+ purple: arvadosPurple
}
},
overrides: {
}
},
overrides: {
@@
-66,9
+71,11
@@
export const themeOptions: ArvadosThemeOptions = {
}
},
MuiTab: {
}
},
MuiTab: {
- selected: {
- fontWeight: 700,
- color: arvadosPurple
+ root: {
+ '&$selected': {
+ fontWeight: 700,
+ color: arvadosPurple
+ }
}
},
MuiList: {
}
},
MuiList: {
@@
-96,6
+103,28
@@
export const themeOptions: ArvadosThemeOptions = {
fontSize: '1.25rem'
}
},
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'
MuiMenuItem: {
root: {
padding: '8px 16px'
@@
-116,13
+145,23
@@
export const themeOptions: ArvadosThemeOptions = {
},
MuiFormLabel: {
root: {
},
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: {
}
},
mixins: {
@@
-133,10
+172,10
@@
export const themeOptions: ArvadosThemeOptions = {
palette: {
primary: {
main: teal.A700,
palette: {
primary: {
main: teal.A700,
- dark:
blue.A1
00,
+ dark:
teal.A4
00,
contrastText: '#fff'
}
contrastText: '#fff'
}
- }
+ }
,
};
export const CustomTheme = createMuiTheme(themeOptions);
\ No newline at end of file
};
export const CustomTheme = createMuiTheme(themeOptions);
\ No newline at end of file