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 cyan from '@material-ui/core/colors/cyan';
9 import grey from '@material-ui/core/colors/grey';
10 import green from '@material-ui/core/colors/green';
11 import lightGreen from '@material-ui/core/colors/lightGreen';
12 import yellow from '@material-ui/core/colors/yellow';
13 import red from '@material-ui/core/colors/red';
14 import teal from '@material-ui/core/colors/teal';
16 export interface ArvadosThemeOptions extends ThemeOptions {
20 export interface ArvadosTheme extends Theme {
29 lightGreen300: string;
30 lightGreen400: string;
45 const arvadosPurple = '#361336';
46 const grey500 = grey["500"];
47 const grey600 = grey["600"];
48 const grey700 = grey["700"];
49 const grey900 = grey["900"];
51 export const themeOptions: ArvadosThemeOptions = {
53 useNextVariants: true,
57 lightGreen300: lightGreen["300"],
58 lightGreen400: lightGreen["400"],
61 green700: green["700"],
62 yellow100: yellow["100"],
63 yellow700: yellow["700"],
64 yellow900: yellow["900"],
71 purple: arvadosPurple,
83 backgroundColor: arvadosPurple
91 backgroundColor: arvadosPurple
132 MuiExpansionPanelDetails: {
135 paddingBottom: '4px',
138 MuiExpansionPanelSummary: {
160 borderBottomColor: arvadosPurple
162 '&:hover:not($disabled):not($focused):not($error):before': {
163 borderBottom: '1px solid inherit'
169 fontSize: '0.875rem',
171 "&$focused:not($error)": {
202 export const CustomTheme = createMuiTheme(themeOptions);