Dynamically toggle between dashboard themes

[Mick]

I found an example to toggle the theme from light to dark. It works however it is using the Vuetify light and dark themes. Is there a way to call the theme defined in the dashboard theming panel

<template>
 <v-card>
    <v-btn
      @click="toggleTheme" 
      variant="tonal" 
    > Toggle Theme
  </v-btn>
  </v-card>
</template>

<script>
export default {
  methods: {
    toggleTheme() {
      this.$vuetify.theme.global.name = this.$vuetify.theme.global.name === 'dark' ? 'light' : 'dark';
    }
  }
}
</script>

Also when I refresh the page the page resets to the default theming settings.

Here is the current theme..

Toggling the button gives me...

or

Thx in advance