'use strict';

var index = {
  colorScheme: {
    light: {
      toolbar: {
        background: '{surface.0}',
        borderColor: '{surface.200}'
      },
      toolbarItem: {
        color: '{surface.500}',
        hoverColor: '{surface.700}',
        activeColor: '{primary.color}'
      },
      overlay: {
        background: '{surface.0}',
        borderColor: '{surface.200}',
        color: '{surface.700}'
      },
      overlayItem: {
        hoverBackground: '{surface.100}',
        color: '{surface.700}',
        hoverColor: '{surface.800}'
      },
      content: {
        background: '{surface.0}',
        borderColor: '{surface.200}',
        color: '{surface.700}'
      }
    },
    dark: {
      toolbar: {
        background: '{surface.900}',
        borderColor: '{surface.700}'
      },
      toolbarItem: {
        color: '{surface.400}',
        hoverColor: '{surface.0}',
        activeColor: '{primary.color}'
      },
      overlay: {
        background: '{surface.900}',
        borderColor: '{surface.700}',
        color: '{surface.0}'
      },
      overlayItem: {
        hoverBackground: '{surface.800}',
        color: '{surface.400}',
        hoverColor: '{surface.0}'
      },
      content: {
        background: '{surface.900}',
        borderColor: '{surface.700}',
        color: '{surface.0}'
      }
    }
  }
};

module.exports = index;
