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 6px 0 rgba(0, 0, 0, 0.2)',
    '--box-shadow-hover': '0 2px 16px 0 rgba(0, 0, 0, 0.2)',
    '--text-color': '#2c3e50',
    '--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': '#25272a',
    '--box-shadow': '0 1px 6px 0 rgba(0, 0, 0, .9)',
    '--box-shadow-hover': '0 2px 26px 0 rgba(0, 0, 0, .9)',
    '--text-color': '#aaa',
    '--border-color': 'rgba(0, 0, 0, .3)',
    '--code-color': 'rgba(0, 0, 0, .3)',
    '--mask-color': '#000'
  }
}

export default modeOptions