themeSetting.js

export const themeSetting = {
  wave: {
    anime: 'wave',
    color: {
      /**
       * light mode color Array
       * @type {Array<String>} <wave, progress, cursor, timeLine>*/
      light: ['#4F4A85', '#383351', '#000000', '#2D5B88'],
      /**
       * dark mode color Array
       *  @type {Array<String>} <wave, progress, cursor, timeLine>*/
      dark: ['#132029', '#5180b0', '#74c5fb', '#d7f7fa']
    }
  },
  waveR: {
    anime: 'waveR',
    color: {
      light: ['#4F4A85', '#383351', '#000000', '#2D5B88'],
      dark: ['#132029', '#5180b0', '#74c5fb', '#d7f7fa']
    }
  },
  rgb: {
    anime: 'wave',
    color: {
      light: [['red', 'yellow', 'green'], '#383351', '#000000', '#2D5B88'],
      dark: ['#132029', '#5180b0', '#74c5fb', '#d7f7fa']
    }
  },

  nayutan: {
    anime: 'wave',
    background: "#fa8072",
    color: {
      light: ['#4F4A85', '#383351', '#000000', '#2D5B88'],
      dark: ['#555555', '#ffffff', '#ffffff', '#d7f7fa']
    }
  }
};