/about/colors

// src/theme/theme.js
let theme = createTheme({
	...
	palette: {
		common: {
			black: bkColorBlack,
			white: bkColorWhite
		},
		background:{
			default: bkColorBackgroundDark
		},
		accent: {
			main:bkColorBkool,
			dark:pSBC(-0.6,bkColorBkool)
		},
		primary: {
			main: bkColorWhite,
			dark:pSBC(-0.6,bkColorWhite),
			light:pSBC(0.6,bkColorWhite)
		},
		secondary: {
			main: bkColorBlack,
			dark:pSBC(-0.8,bkColorWhite),

		},
		error: {
			main: bkColorError,
			dark:pSBC(-0.8,bkColorWhite),
		},
		marketing: {
			main: bkColorMarketing,
		},
		warning: {
			main: bkColorWarning
		},
		info: {
			main: bkColorInfo
		},
		success: {
			main: bkColorSuccess
		},
		darkBase: {
			main: bkColorDarkBase
		},
		experienceCycling: {
			main: bkColorExperienceCycling,
			contrastText: bkColorBlack
		},
		experienceFitness: {
			main: bkColorExperienceFitness,
			contrastText: bkColorBlack
		},
		experienceIndoor: {
			main: bkColorExperienceIndoor
		},
		experienceWorkout: {
			main: bkColorWorkout
		},
		experienceGroupRide: {
			main: bkColorGroupRide
		},
		experienceRoute: {
			main: bkColorRoute
		},
		experienceEvent: {
			main: bkColorEvent
		},
		experienceFTP: {
			main: bkColorFTP
		},
		experienceVelodrome: {
			main: bkColorExperienceVelodrome
		},
		experienceTrainingPlan: {
			main: bkColorTrainingPlan
		},
		experienceLeague: {
			main: bkColorLeague
		},
		experienceProgram: {
			main: bkColorProgram
		},
		experienceFavourite: {
			main: bkColorFavourite
		},
		experienceOutdoor: {
			main: bkColorOutdoor
		},
		sportLevelAmater: {
			main: bkColorWarning,
			contrastText: bkColorBlack
		},
		sportLevelActive: {
			main: bkColorError,
			contrastText: bkColorBlack
		},
		sportLevelPro: {
			main: bkColorSuccess,
			contrastText: bkColorBlack
		},
		sportLevelElite: {
			main: '#0E4DDC',
			contrastText: bkColorWhite
		},
		giroItalia: {
			main: bkColorGiro,
			dark: "#D0225B"
		},
		bkool:{
			main:bkColorBkool,
			dark:pSBC(-0.4,bkColorBkool)
		},
		zone1: {
			main: bkColorZ1
		},
		zone2: {
			main: bkColorZ2
		},
		zone3: {
			main: bkColorZ3
		},
		zone4: {
			main: bkColorZ4
		},
		zone5: {
			main: bkColorZ5
		},
		zone6: {
			main: bkColorZ6
		},
		tonalOffset: 0.2
	},
	...
});

// src/theme/theme.js
let themeGiro = createTheme({
	...
	palette: {
		common: {
			black: bkColorBlack,
			white: bkColorWhite
		},
		background:{
			default: bkColorBackgroundDark
		},
		accent: {
			main:bkColorGiro,
			dark:pSBC(-0.6,bkColorGiro)
		},
		primary: {
			main: bkColorWhite,
			dark:pSBC(-0.6,bkColorWhite),
			light:pSBC(0.6,bkColorWhite)
		},
		secondary: {
			main: bkColorBlack,
			dark:pSBC(-0.8,bkColorWhite),

		},
		error: {
			main: bkColorError,
			dark:pSBC(-0.8,bkColorWhite),
		},
		marketing: {
			main: bkColorMarketing,
		},
		warning: {
			main: bkColorWarning
		},
		info: {
			main: bkColorInfo
		},
		success: {
			main: bkColorSuccess
		},
		darkBase: {
			main: bkColorDarkBase
		},
		experienceCycling: {
			main: bkColorExperienceCycling,
			contrastText: bkColorBlack
		},
		experienceFitness: {
			main: bkColorExperienceFitness,
			contrastText: bkColorBlack
		},
		experienceIndoor: {
			main: bkColorExperienceIndoor
		},
		experienceWorkout: {
			main: bkColorWorkout
		},
		experienceGroupRide: {
			main: bkColorGroupRide
		},
		experienceRoute: {
			main: bkColorRoute
		},
		experienceEvent: {
			main: bkColorEvent
		},
		experienceFTP: {
			main: bkColorFTP
		},
		experienceVelodrome: {
			main: bkColorExperienceVelodrome
		},
		experienceTrainingPlan: {
			main: bkColorTrainingPlan
		},
		experienceLeague: {
			main: bkColorLeague
		},
		experienceProgram: {
			main: bkColorProgram
		},
		experienceFavourite: {
			main: bkColorFavourite
		},
		experienceOutdoor: {
			main: bkColorOutdoor
		},
		sportLevelAmater: {
			main: bkColorWarning,
			contrastText: bkColorBlack
		},
		sportLevelActive: {
			main: bkColorError,
			contrastText: bkColorBlack
		},
		sportLevelPro: {
			main: bkColorSuccess,
			contrastText: bkColorBlack
		},
		sportLevelElite: {
			main: '#0E4DDC',
			contrastText: bkColorWhite
		},
		giroItalia: {
			main: bkColorGiro,
			dark: "#D0225B"
		},
		bkool:{
			main:bkColorBkool,
			dark:pSBC(-0.4,bkColorBkool)
		},
		zone1: {
			main: bkColorZ1
		},
		zone2: {
			main: bkColorZ2
		},
		zone3: {
			main: bkColorZ3
		},
		zone4: {
			main: bkColorZ4
		},
		zone5: {
			main: bkColorZ5
		},
		zone6: {
			main: bkColorZ6
		},
		tonalOffset: 0.2
	...
});