How to properly change the default styles (theme) of vuetify?

Question

Vue.js

Can't change default vuetify styles

Vue.use(Vuetify, {
  theme: {
    dark: true,
    themes: {
      dark: {
        primary: '#1976D2',
        secondary: '#22263a',
        accent: '#82B1FF',
        error: '#FF5252',
        info: '#2196F3',
        success: '#4CAF50',
        warning: '#FFC107'
      }
    },
    options: {
      minifyTheme: function (css) {
        return process.env.NODE_ENV === 'production'
          ? css.replace(/[\r\n|\r|\n]/g, '')
          : css
      },
  }
})

<v-app-bar
    color="secondary"
    dark
  >

This element should have a background color of #22263a, i.e. the one specified in themes.dark.secondary
BUT this one is assigned

What could be the problem, how to solve it? What additional information to provide, write.