projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
refs #14141 Merge branch 'origin/14141-trash-view-fix'
[arvados.git]
/
src
/
common
/
custom-theme.ts
diff --git
a/src/common/custom-theme.ts
b/src/common/custom-theme.ts
index 098e0090cc90bc896cd795169ddb32e8582fb817..20790100dcf2012f7f12ec6912aa30d0f56ca875 100644
(file)
--- a/
src/common/custom-theme.ts
+++ b/
src/common/custom-theme.ts
@@
-11,7
+11,7
@@
import green from '@material-ui/core/colors/green';
import yellow from '@material-ui/core/colors/yellow';
import red from '@material-ui/core/colors/red';
import yellow from '@material-ui/core/colors/yellow';
import red from '@material-ui/core/colors/red';
-interface ArvadosThemeOptions extends ThemeOptions {
+
export
interface ArvadosThemeOptions extends ThemeOptions {
customs: any;
}
customs: any;
}
@@
-24,6
+24,10
@@
export interface ArvadosTheme extends Theme {
interface Colors {
green700: string;
yellow700: string;
interface Colors {
green700: string;
yellow700: string;
+ red900: string;
+ blue500: string;
+ grey500: string;
+ grey700: string;
}
const red900 = red["900"];
}
const red900 = red["900"];
@@
-36,11
+40,15
@@
const grey700 = grey["700"];
const grey900 = grey["900"];
const rocheBlue = '#06C';
const grey900 = grey["900"];
const rocheBlue = '#06C';
-const themeOptions: ArvadosThemeOptions = {
+
export
const themeOptions: ArvadosThemeOptions = {
customs: {
colors: {
green700: green["700"],
customs: {
colors: {
green700: green["700"],
- yellow700: yellow["700"]
+ yellow700: yellow["700"],
+ red900: red['900'],
+ blue500: blue['500'],
+ grey500,
+ grey700
}
},
overrides: {
}
},
overrides: {
@@
-99,6
+107,9
@@
const themeOptions: ArvadosThemeOptions = {
}
},
MuiInput: {
}
},
MuiInput: {
+ root: {
+ fontSize: '0.875rem'
+ },
underline: {
'&:after': {
borderBottomColor: purple800
underline: {
'&:after': {
borderBottomColor: purple800
@@
-109,6
+120,9
@@
const themeOptions: ArvadosThemeOptions = {
}
},
MuiFormLabel: {
}
},
MuiFormLabel: {
+ root: {
+ fontSize: '0.875rem'
+ },
focused: {
"&$focused:not($error)": {
color: purple800
focused: {
"&$focused:not($error)": {
color: purple800