src/common/custom-theme.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { createMuiTheme } from '@material-ui/core/styles';
   6 import { ThemeOptions, Theme } from '@material-ui/core/styles/createMuiTheme';
   7 import purple from '@material-ui/core/colors/purple';
   8 import blue from '@material-ui/core/colors/blue';
   9 import grey from '@material-ui/core/colors/grey';
  10
  11 interface ArvadosThemeOptions extends ThemeOptions {
  12     customs: any;
  13 }
  14
  15 export interface ArvadosTheme extends Theme {
  16     customs: any;
  17 }
  18
  19 const purple900 = purple["900"];
  20 const grey600 = grey["600"];
  21 const themeOptions: ArvadosThemeOptions = {
  22     customs: {
  23         colors: {
  24
  25         }
  26     },
  27     overrides: {
  28         MuiAppBar: {
  29             colorPrimary: {
  30                 backgroundColor: purple900
  31             }
  32         },
  33         MuiTabs: {
  34             root: {
  35                 color: grey600
  36             },
  37             indicator: {
  38                 backgroundColor: purple900
  39             }
  40         },
  41         MuiTab: {
  42             selected: {
  43                 fontWeight: 700,
  44                 color: purple900
  45             }
  46         }
  47     },
  48     mixins: {
  49         toolbar: {
  50             minHeight: '48px'
  51         }
  52     },
  53     palette: {
  54         primary: {
  55             main: '#06C',
  56             dark: blue.A100
  57         }
  58     }
  59 };
  60
  61 export const CustomTheme = createMuiTheme(themeOptions);