projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
refactor-and-unify-icons-on-tree-component
[arvados-workbench2.git]
/
src
/
common
/
custom-theme.ts
diff --git
a/src/common/custom-theme.ts
b/src/common/custom-theme.ts
index 0850f8815a7c6bb712b4c8f935f3f0da7f38c9bf..c85acd9089b0011ac2a819068b55d1ce5fd35688 100644
(file)
--- a/
src/common/custom-theme.ts
+++ b/
src/common/custom-theme.ts
@@
-8,6
+8,8
@@
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';
import blue from '@material-ui/core/colors/blue';
import grey from '@material-ui/core/colors/grey';
import green from '@material-ui/core/colors/green';
+import yellow from '@material-ui/core/colors/yellow';
+import red from '@material-ui/core/colors/red';
interface ArvadosThemeOptions extends ThemeOptions {
customs: any;
interface ArvadosThemeOptions extends ThemeOptions {
customs: any;
@@
-17,8
+19,16
@@
export interface ArvadosTheme extends Theme {
customs: any;
}
customs: any;
}
-const purple900 = purple["900"];
+const red900 = red["900"];
+const yellow700 = yellow["700"];
+const purple800 = purple["800"];
+const grey200 = grey["200"];
+const grey300 = grey["300"];
+const grey500 = grey["500"];
const grey600 = grey["600"];
const grey600 = grey["600"];
+const grey700 = grey["700"];
+const grey900 = grey["900"];
+
const themeOptions: ArvadosThemeOptions = {
customs: {
colors: {
const themeOptions: ArvadosThemeOptions = {
customs: {
colors: {
@@
-26,9
+36,14
@@
const themeOptions: ArvadosThemeOptions = {
}
},
overrides: {
}
},
overrides: {
+ MuiTypography: {
+ body1: {
+ fontSize: '0.8125rem'
+ }
+ },
MuiAppBar: {
colorPrimary: {
MuiAppBar: {
colorPrimary: {
- backgroundColor: purple
9
00
+ backgroundColor: purple
8
00
}
},
MuiTabs: {
}
},
MuiTabs: {
@@
-36,13
+51,28
@@
const themeOptions: ArvadosThemeOptions = {
color: grey600
},
indicator: {
color: grey600
},
indicator: {
- backgroundColor: purple
9
00
+ backgroundColor: purple
8
00
}
},
MuiTab: {
selected: {
fontWeight: 700,
}
},
MuiTab: {
selected: {
fontWeight: 700,
- color: purple900
+ color: purple800
+ }
+ },
+ MuiList: {
+ root: {
+ color: grey900
+ }
+ },
+ MuiListItemText: {
+ root: {
+ padding: 0
+ }
+ },
+ MuiListItemIcon: {
+ root: {
+ fontSize: '1.25rem'
}
}
},
}
}
},