我有一个黑暗和一个光明的主题对我的项目，在黑暗的主题，我有一个白色的标志形象，我想切换到彩色标志形象时，我切换到光明的主题。
下面是我的主题代码：

vuetify: {
    customVariables: ['~/assets/variables.scss'],
    theme: {
      dark: true,
      themes: {
        dark: {
          txtWhite: '#FFFFFF',
          back1: '#141627',
          back2: '#181B31',
          back3: '#292B3D',
          logo: ['~/assets/logo_white.png'],
        },
        light: {
          txtWhite: '000000',
          back1: '#B0BEC5',
          back2: '#CFD8DC',
          back3: '#ECEFF1',
          logo: ['~/assets/logo_color.png'],
        },
      },
    },
  },

这是我的导航栏，其中的标志是：

<v-app-bar clipped-left app color="back2">
  <NuxtLink
    @click="$router.push('/')"
    v-if="$auth.loggedIn"
    tag="img"
    :src="require('~/assets/logo_white.png')"
    to="/"
  >

我试着把$vuetify.theme.currentTheme.logo放在src中，或者只是logo，但它似乎不起作用，我一定是做错了什么。
有人知道怎么做吗？