const modeOptions = {
  light: {
    '--default-color-10': 'rgba(255, 255, 255, 1)',
    '--default-color-9': 'rgba(255, 255, 255, .9)',
    '--default-color-8': 'rgba(255, 255, 255, .8)',
    '--default-color-7': 'rgba(255, 255, 255, .7)',
    '--default-color-6': 'rgba(255, 255, 255, .6)',
    '--default-color-5': 'rgba(255, 255, 255, .5)',
    '--default-color-4': 'rgba(255, 255, 255, .4)',
    '--default-color-3': 'rgba(255, 255, 255, .3)',
    '--default-color-2': 'rgba(255, 255, 255, .2)',
    '--default-color-1': 'rgba(255, 255, 255, .1)',
    '--background-color': '#fff',
    '--box-shadow': '0 1px 8px 0 rgba(0, 0, 0, 0.1)',
    '--box-shadow-hover': '0 2px 16px 0 rgba(0, 0, 0, 0.2)',
    '--text-color': '#242424',
    '--text-color-sub': '#7F7F7F',
    '--border-color': '#eaecef',
    '--code-color': 'rgba(27, 31, 35, 0.05)',
    '--mask-color': '#888'
  },
  dark: {
    '--default-color-10': 'rgba(0, 0, 0, 1)',
    '--default-color-9': 'rgba(0, 0, 0, .9)',
    '--default-color-8': 'rgba(0, 0, 0, .8)',
    '--default-color-7': 'rgba(0, 0, 0, .7)',
    '--default-color-6': 'rgba(0, 0, 0, .6)',
    '--default-color-5': 'rgba(0, 0, 0, .5)',
    '--default-color-4': 'rgba(0, 0, 0, .4)',
    '--default-color-3': 'rgba(0, 0, 0, .3)',
    '--default-color-2': 'rgba(0, 0, 0, .2)',
    '--default-color-1': 'rgba(0, 0, 0, .1)',
    '--background-color': '#181818',
    '--box-shadow': '0 1px 8px 0 rgba(0, 0, 0, .6)',
    '--box-shadow-hover': '0 2px 16px 0 rgba(0, 0, 0, .7)',
    '--text-color': 'rgba(255, 255, 255, .8)',
    '--text-color-sub': '#8B8B8B',
    '--border-color': 'rgba(0, 0, 0, .3)',
    '--code-color': 'rgba(0, 0, 0, .3)',
    '--mask-color': '#000'
  }
}

export default modeOptions