export default { colorScheme: { light: { root: { background: '{surface.0}', borderColor: '{surface.200}', color: '{surface.700}' }, header: { background: '{surface.0}', borderColor: '{surface.200}', color: '{surface.700}' }, navigator: { hoverBackground: '{surface.100}', color: '{surface.500}', hoverColor: '{surface.600}' }, monthPicker: { hoverBackground: '{surface.100}', color: '{surface.700}', hoverColor: '{surface.800}' }, yearPicker: { hoverBackground: '{surface.100}', color: '{surface.700}', hoverColor: '{surface.800}' }, group: { borderColor: '{surface.200}' }, date: { hoverBackground: '{surface.100}', selectedBackground: '{highlight.background}', color: '{surface.700}', hoverColor: '{surface.800}', selectedColor: '{highlight.color}' }, today: { background: '{surface.200}', color: '{surface.900}' }, month: { hoverBackground: '{surface.100}', selectedBackground: '{highlight.background}', color: '{surface.700}', hoverColor: '{surface.800}', selectedColor: '{highlight.color}' }, year: { hoverBackground: '{surface.100}', selectedBackground: '{highlight.background}', color: '{surface.700}', hoverColor: '{surface.800}', selectedColor: '{highlight.color}' }, buttonbar: { borderColor: '{surface.200}' }, timepicker: { borderColor: '{surface.200}' }, timepickerSpin: { hoverBackground: '{surface.100}', color: '{surface.500}', hoverColor: '{surface.600}' } }, dark: { root: { background: '{surface.900}', borderColor: '{surface.700}', color: '{surface.0}' }, header: { background: '{surface.900}', borderColor: '{surface.700}', color: '{surface.0}' }, navigator: { hoverBackground: '{surface.800}', color: '{surface.400}', hoverColor: '{surface.300}' }, monthPicker: { hoverBackground: '{surface.800}', color: '{surface.0}', hoverColor: '{surface.0}' }, yearPicker: { hoverBackground: '{surface.800}', color: '{surface.0}', hoverColor: '{surface.0}' }, group: { borderColor: '{surface.700}' }, date: { hoverBackground: '{surface.800}', selectedBackground: '{highlight.background}', color: '{surface.0}', hoverColor: '{surface.0}', selectedColor: '{highlight.color}' }, today: { background: '{surface.700}', color: '{surface.0}' }, month: { hoverBackground: '{surface.800}', selectedBackground: '{highlight.background}', color: '{surface.0}', hoverColor: '{surface.0}', selectedColor: '{highlight.color}' }, year: { hoverBackground: '{surface.800}', selectedBackground: '{highlight.background}', color: '{surface.0}', hoverColor: '{surface.0}', selectedColor: '{highlight.color}' }, buttonbar: { borderColor: '{surface.700}' }, timepicker: { borderColor: '{surface.700}' }, timepickerSpin: { hoverBackground: '{surface.800}', color: '{surface.400}', hoverColor: '{surface.300}' } } } };