import { createMuiTheme } from '@material-ui/core/styles' ; import blue from '@material-ui/core/colors/blue' ; import pink from '@material-ui/core/colors/pink' ; import red from '@material-ui/core/colors/red' ; import yellow from '@material-ui/core/colors/yellow' ; const primary = blue ; const secondary = pink ; const error = red ; export const theme = createMuiTheme ( { palette : { primary , secondary , error , } , } ) ; export const COLOR_PRIMARY = primary [ 500 ] ; export const COLOR_SECONDARY = secondary [ 500 ] ; export const COLOR_PLAYING = secondary [ 500 ] ; export const COLOR_SELECTED = secondary [ 500 ] ; export const COLOR_TIMELINE_HANDLE = yellow [ 800 ] ; export const COLOR_TIMELINE_RANGE = yellow [ 700 ] ; export const COLOR_SOPRANO = '#a1dab4' ; export const COLOR_ALTO = '#41b6c4' ; export const COLOR_TENOR = '#2c7fb8' ; export const COLOR_BASS = '#253494' ; export const IN_KEY_COLOR = '#ffffcc' ; export const VOICE_COLORS = [ COLOR_SOPRANO , COLOR_ALTO , COLOR_TENOR , COLOR_BASS , ] ; export const MUTED_COLOR = '#aaa' ;