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

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
        text: colors.grey.lighten5
      }
      const colorInfo = colorTable.find(
        d => d.severity === severity.toLowerCase()
      )

VProgressCircular,
        VSubheader,
        VTooltip,
        VDivider,
        VCard,
        VDialog,
    },
    directives,
    iconfont: 'mdi',
    // https://vuetifyjs.com/en/theme-generator
    theme: {
        primary: colors.blue.darken1,
        secondary: colors.blue.lighten3,
        accent: colors.amber.darken4,
        error: colors.red.base,
        warning: colors.yellow.darken3,
        info: colors.blue.base,
        success: colors.green.base
    }
})

import VueResource from "vue-resource";
Vue.use(VueResource);

import Notifications from "vue-notification";
Vue.use(Notifications);

import ErrHandlers from "./lib/errors";
Vue.use(ErrHandlers);

import { FluxUtils } from "./lib/fluxUtils";
Vue.use(FluxUtils);

}

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]

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
      }
    },

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
      }
    },

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)