How to use the vuetify/es5/util/colors.purple function in vuetify

export default function theme() {
  return {
    purple: '#996189',
    primary: '#996189',
    secondary: '#8DC5B6',
    primaryBackground: colors.purple.lighten5,
    backgroundColor: colors.grey.lighten5,
    greyBackground: colors.grey.lighten3,
    greyBorder: colors.grey.lighten1,
    grey: colors.grey.darken1,
    darkGrey: colors.grey.darken2,
    greenSuccess: '#4db6ac',
    topic: colors.grey.base,
    video: '#283593',
    image: '#283593', // IDK what this is supposed to be
    audio: '#f06292',
    document: '#ff3d00',
    exercise: '#4db6ac',
    html5: '#ff8f00',
    slideshow: '#4ece90',
    channelHighlightDefault: colors.grey.lighten3,
  };

) + `, ${alpha})`
}

const vuetify = {
  primary: colors.teal.base,
  secondary: colors.teal.lighten1,
  accent: colors.amber.darken1,
  error: colors.red.base,
  warning: colors.orange.base,
  info: colors.blue.base,
  success: colors.green.base
}
export { vuetify }

const items = {
  controller: colors.purple.base,
  dummy: colors.grey.darken4,
  edge: colors.cyan.base,
  host: colors.orange.base,
  port: colors.green.base,
  switch: colors.indigo.base
}
export { items }

const selection = {
  background: addAlpha(colors.teal.base, 0.25),
  border: addAlpha(colors.teal.base, 0.75)
}
export { selection }

data () {
      return {
        active: 'primary',
        backupTheme: {},
        color: '',
        components,
        current: 1,
        dark: false,
        dialog: false,
        drawer: false,
        useNames: false,
        theme: {
          primary: colors.red.base,
          secondary: colors.red.lighten2,
          accent: colors.purple.base,
          error: colors.red.base,
          warning: colors.yellow.base,
          info: colors.blue.base,
          success: colors.green.base
        },
        to: null,
        total: components.length
      }
    },

const white = {
  darken1: material.grey.lighten2,
  lighten2: material.grey.lighten3,
  lighten1: material.grey.lighten2,
}

const black = {
  darken1: material.grey.darken2,
  lighten2: material.grey.darken2,
  lighten1: material.grey.darken3,
}

const scale = [
  material.red,
  material.pink,
  material.purple,
  material.deepPurple,
  material.indigo,
  material.blue,
  material.lightBlue,
  material.cyan,
  material.teal,
  material.green,
  material.lightGreen,
  material.lime,
  material.yellow,
  material.amber,
  material.orange,
  material.deepOrange,
  white,
  black
]

data () {
      return {
        active: 'primary',
        backupTheme: {},
        color: '',
        components: Components,
        current: 1,
        dark: false,
        dialog: false,
        drawer: false,
        useNames: false,
        theme: {
          primary: colors.red.base,
          secondary: colors.red.lighten2,
          accent: colors.purple.base,
          error: colors.red.base,
          warning: colors.yellow.base,
          info: colors.blue.base,
          success: colors.green.base
        },
        to: null,
        total: Components.length
      }
    },