1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import { createMuiTheme } from '@material-ui/core/styles';
6 import { ThemeOptions, Theme } from '@material-ui/core/styles/createMuiTheme';
7 import blue from '@material-ui/core/colors/blue';
8 import grey from '@material-ui/core/colors/grey';
9 import green from '@material-ui/core/colors/green';
10 import yellow from '@material-ui/core/colors/yellow';
11 import red from '@material-ui/core/colors/red';
12 import teal from '@material-ui/core/colors/teal';
14 export interface ArvadosThemeOptions extends ThemeOptions {
18 export interface ArvadosTheme extends Theme {
36 const arvadosPurple = '#361336';
37 const grey500 = grey["500"];
38 const grey600 = grey["600"];
39 const grey700 = grey["700"];
40 const grey900 = grey["900"];
42 export const themeOptions: ArvadosThemeOptions = {
44 useNextVariants: true,
48 green700: green["700"],
49 yellow100: yellow["100"],
50 yellow700: yellow["700"],
51 yellow900: yellow["900"],
67 backgroundColor: arvadosPurple
75 backgroundColor: arvadosPurple
116 MuiExpansionPanelDetails: {
119 paddingBottom: '4px',
122 MuiExpansionPanelSummary: {
144 borderBottomColor: arvadosPurple
146 '&:hover:not($disabled):not($focused):not($error):before': {
147 borderBottom: '1px solid inherit'
153 fontSize: '0.875rem',
155 "&$focused:not($error)": {
186 export const CustomTheme = createMuiTheme(themeOptions);