frames/plugins/theming.js

/**
 *  Modify the current theme color according to the optional 'theme' parameter passed in the current query
 * @param context
 */
export default function (context) {
  if (context.query.theme) {
    switch (context.query.theme) {
      case 'blue':
        context.$vuetify.theme.themes.light.primary = '#0aa5ec'
        break
      case 'green':
        context.$vuetify.theme.themes.light.primary = '#04a04c'
        break
      case 'grey':
        context.$vuetify.theme.themes.light.primary = '#8c8c8c'
        break
      case 'lightblue':
        // already the default one
        break
      case 'lightred':
        context.$vuetify.theme.themes.light.primary = '#dd453f'
        break
      case 'orange':
        context.$vuetify.theme.themes.light.primary = '#e4611b'
        break
      case 'purple':
        context.$vuetify.theme.themes.light.primary = '#a5377e'
        break
      case 'red':
        context.$vuetify.theme.themes.light.primary = '#df0009'
        break
      default:
        // eslint-disable-next-line no-console
        console.error('invalid theme: ' + context.query.theme)
    }
  }
}