'use strict'

const Themes = {
  default: { WebkitFilter: 'hue-rotate(45deg)' }, // "Red"
  purple1: { WebkitFilter: 'hue-rotate(340deg)' },
  purple2: { WebkitFilter: 'hue-rotate(0deg)' },
  magenta: { WebkitFilter: 'hue-rotate(30deg)' },
  red: { WebkitFilter: 'hue-rotate(45deg)' },
  orange: { WebkitFilter: 'hue-rotate(100deg)' },
  brown: { WebkitFilter: 'hue-rotate(130deg)' },
  lime: { WebkitFilter: 'hue-rotate(160deg)' },
  green: { WebkitFilter: 'hue-rotate(180deg)' },
  cyan: { WebkitFilter: 'hue-rotate(250deg)' },
  blue1: { WebkitFilter: 'hue-rotate(290deg)' },
  blue2: { WebkitFilter: 'hue-rotate(310deg)' },
  grey: { WebkitFilter: 'hue-rotate(0deg) grayscale(100%)' }
}

export default Themes
