'use strict';

var index = {
  colorScheme: {
    light: {
      root: {
        background: '{surface.0}',
        borderColor: '{surface.200}',
        color: '{surface.700}'
      },
      header: {
        background: '{surface.0}',
        borderColor: '{surface.200}',
        color: '{surface.700}'
      },
      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}'
      },
      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}'
      },
      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}'
      },
      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}'
      }
    }
  }
};

module.exports = index;
