import { HuiThemes, HuiThemesExpressiveness, HuiThemesPalette } from './index'
import { defaultBreakpoints, defaultFont, defaultLayout } from './shared'

export const palette: HuiThemesPalette = {
  global: {
    base: {
      white: '#ffffff',
      black: '#000000'
    },
    grayscale: {
      1: '#FBFCFD',
      2: '#F8F9FA',
      3: '#F1F3F5',
      4: '#ECEEF0',
      5: '#E6E8EB',
      6: '#DFE3E6',
      7: '#D7DBDF',
      8: '#C1C8CD',
      9: '#889096',
      10: '#7E868C',
      11: '#687076',
      12: '#11181C'
    }
  },
  brand: {
    primary: {
      1: '#FCFBFF',
      2: '#F8F4FE',
      3: '#F4EEFF',
      4: '#EBDEFE',
      5: '#E3D3FE',
      6: '#D9C1FE',
      7: '#C8A6FD',
      8: '#B385FC',
      9: '#8435FF',
      10: '#7521F9',
      11: '#5811C9',
      12: '#1C005A'
    }
  },
  system: {
    info: {
      1: '#FDFDFE',
      2: '#F8FAFF',
      3: '#F0F4FF',
      4: '#E6EDFE',
      5: '#D9E2FC',
      6: '#C6D4F9',
      7: '#AEC0F5',
      8: '#8DA4EF',
      9: '#3E63DD',
      10: '#3A5CCC',
      11: '#3451B2',
      12: '#101D46'
    },
    warn: {
      1: '#FEFDFB',
      2: '#FFF9ED',
      3: '#FFF4D5',
      4: '#FFECBC',
      5: '#FFE3A2',
      6: '#FFD386',
      7: '#F3BA63',
      8: '#EE9D2B',
      9: '#FFB224',
      10: '#FFA01C',
      11: '#AD5700',
      12: '#4E2009'
    },
    error: {
      1: '#FFFCFC',
      2: '#FFF8F7',
      3: '#FFF0EE',
      4: '#FFE6E2',
      5: '#FDD8D3',
      6: '#FAC7BE',
      7: '#F3B0A2',
      8: '#EA9280',
      9: '#E54D2E',
      10: '#DB4324',
      11: '#CA3214',
      12: '#341711'
    },
    success: {
      1: '#FBFEFC',
      2: '#F2FCF5',
      3: '#E9F9EE',
      4: '#DDF3E4',
      5: '#CCEBD7',
      6: '#B4DFC4',
      7: '#92CEAC',
      8: '#5BB98C',
      9: '#30A46C',
      10: '#299764',
      11: '#18794E',
      12: '#153226'
    }
  },

  accents_1: '#FBFCFD',
  accents_2: '#F8F9FA',
  accents_3: '#F1F3F5',
  accents_4: '#ECEEF0',
  accents_5: '#E6E8EB',
  accents_6: '#DFE3E6',
  accents_7: '#D7DBDF',
  accents_8: '#C1C8CD',
  accents_9: '#889096',
  accents_10: '#7E868C',
  accents_11: '#687076',
  accents_12: '#11181C',

  background: '#ffffff',
  foreground: '#000000',
  selection: '#D9C1FE',
  secondary: '#7E868C',
  code: '#f81ce5',
  border: '#DFE3E6',
  error: '#e00',
  errorLight: '#ff1a1a',
  errorLighter: '#f7d4d6',
  errorDark: '#c50000',
  success: '#7521F9',
  successLight: '#8435FF',
  successLighter: '#B385FC',
  successDark: '#5811C9',
  warning: '#f5a623',
  warningLight: '#f7b955',
  warningLighter: '#ffefcf',
  warningDark: '#ab570a',
  viridian: '#12939a',
  viridianLighter: '#68E7ED',
  viridianLight: '#1AD2DC',
  viridianDark: '#0E757A',
  violet: '#7521F9',
  violetLighter: '#B385FC',
  violetLight: '#8435FF',
  violetDark: '#5811C9',
  purple: '#f81ce5',
  alert: '#ff0080',
  magenta: '#eb367f',
  link: '#5a5e9a'
}

export const expressiveness: HuiThemesExpressiveness = {
  linkStyle: 'none',
  linkHoverStyle: 'none',
  dropdownBoxShadow: '0 4px 4px 0 rgba(0, 0, 0, 0.02)',
  scrollerStart: 'rgba(255, 255, 255, 1)',
  scrollerEnd: 'rgba(255, 255, 255, 0)',
  shadowSmallest: '0px 2px 4px rgba(0,0,0,.1)',
  shadowExtraSmall: '0px 4px 8px rgba(0,0,0,.12)',
  shadowSmall: '0 5px 10px rgba(0,0,0,.12)',
  shadowMedium: '0 8px 30px rgba(0,0,0,.12)',
  shadowLarge: '0 30px 60px rgba(0,0,0,.12)',
  shadowHover: '0 30px 60px rgba(0,0,0,.12)',
  shadowSticky: '0 12px 10px -10px rgba(0,0,0,.12)',
  portalOpacity: 0.25
}

export const font = defaultFont

export const breakpoints = defaultBreakpoints

export const layout = defaultLayout

export const themes: HuiThemes = {
  type: 'light',
  font,
  layout,
  palette,
  breakpoints,
  expressiveness
}

export default themes