const modeOptions = {
  light: {
    '--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',
    '--bgm-bg-color': 'rgba(255, 255, 255, .7)',
    '--code-color': 'rgba(27, 31, 35, 0.05)',
    '--mask-color': '#888'
  },
  dark: {
    '--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)',
    '--bgm-bg-color': 'rgba(0, 0, 0, .7)',
    '--code-color': 'rgba(0, 0, 0, .3)',
    '--mask-color': '#000'
  }
}

export default modeOptions