fix: use theme primary color for toolbar

Author: kevinmarrec

test/fixture/layouts/default.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-app id="inspire" dark>
+  <v-app dark>
     <v-navigation-drawer v-model="drawer" fixed clipped app>
       <v-list>
         <v-list-item v-for="item in items" :key="item.text" link>
@@ -45,7 +45,7 @@
         </v-list-item>
       </v-list>
     </v-navigation-drawer>
-    <v-app-bar color="red" dense fixed clipped-left app>
+    <v-app-bar color="primary" dense fixed clipped-left app>
       <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
       <v-icon class="mx-3">
         mdi-youtube

test/fixture/nuxt.config.js

@@ -1,4 +1,5 @@
 const { resolve } = require('path')
+const colors = require('vuetify/es5/util/colors').default
 
 module.exports = {
   rootDir: resolve(__dirname, '../..'),
@@ -18,7 +19,7 @@ module.exports = {
       dark: true,
       themes: {
         dark: {
-          primary: '#ff0000'
+          primary: colors.red
         }
       }
     }