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

severityColor(prop, severity) {
      const colorTable = [
        {
          severity: 'disaster',
          fill: colors.red.lighten1, // bright red
          text: colors.grey.lighten5
        },
        {
          severity: 'high',
          fill: colors.red.darken4, // red
          text: colors.grey.lighten5
        },
        {
          severity: 'average',
          fill: colors.orange.lighten1, // orange
          text: colors.grey.darken4
        },
        {
          severity: 'warning',
          fill: colors.yellow.accent3, // bright yellow
          text: colors.grey.darken4
        },
        {
          severity: 'information',
          fill: colors.lightGreen.darken1, // bright green
          text: colors.grey.lighten5
        }
      ]
      const defaultColorInfo = {
        severity: 'default',
        fill: colors.grey.darken1, // grey

dark = theme.variant === 'DARK';
  }

  // eslint-disable-next-line require-atomic-updates
  app.vuetify = new Vuetify({
    theme: {
      dark,
      themes: {
        light: {
          primary: colors.deepPurple.base,
          accent: colors.deepPurple.base,
          error: colors.red.base,
        },
        dark: {
          primary: colors.grey.darken3,
          accent: colors.orange.base,
          error: colors.red.base,
        },
      },
    },
  });
}

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 }

import 'vuetify/dist/vuetify.min.css'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import './../less/main.less'

import colors from 'vuetify/es5/util/colors'

/**
 * Configure application theme.
 */

Vue.use(Vuetify, {
    theme: {
        primary: colors.orange.lighten1,
        secondary: colors.blue.base,
    }
});

function addAlpha (hex, alpha) {
  return 'rgba(' + (
    hex
      .substring(1)
      .match(hex.length === 7 ? /[^#]{2}/g : /[^#]/g)
      .map(v => parseInt(v, 12))
      .join(', ')
  ) + `, ${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 = {

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
]

const fills = {
  bg: [],
  fg: [],
};

const bgColors = getBgColors();

for (let x = 0; x < bgColors.length; x++) {
  const s = bgColors[x]
  fills.bg[x] = [s.darken1, s.darken2]
  fills.fg[x] = []

import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import 'vuetify/src/stylus/app.styl'
import colors from 'vuetify/es5/util/colors'
import VuetifyConfirm from 'vuetify-confirm'
import '@mdi/font/css/materialdesignicons.css'

Vue.use(Vuetify, {
  theme: {
    primary: colors.yellow.lighten3,
    secondary: colors.shades.black,
    error: colors.orange.darken3
  },
  iconfont: 'mdi'
})
Vue.use(VuetifyConfirm)