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}' }, dropdown: { width: '2.5rem', background: '{surface.100}', hoverBackground: '{surface.200}', activeBackground: '{surface.300}', borderColor: '{form.field.border.color}', hoverBorderColor: '{form.field.border.color}', activeBorderColor: '{form.field.border.color}', color: '{surface.600}', hoverColor: '{surface.700}', activeColor: '{surface.800}' } }, 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}' }, dropdown: { background: '{surface.800}', hoverBackground: '{surface.700}', activeBackground: '{surface.600}', borderColor: '{form.field.border.color}', hoverBorderColor: '{form.field.border.color}', activeBorderColor: '{form.field.border.color}', color: '{surface.300}', hoverColor: '{surface.200}', activeColor: '{surface.100}' } } } };