title: Vuejs + Vuetify Custom Theme and Icons Not working
body: <p>I have searched through all the previous questions, and with the new version of Vuetify, the custom themes and icons are not working for me.</p>
  
  <pre><code>"vuetify": "^2.1.11",
  </code></pre>
  
  <p>vuetify.js file:</p>
  
  <pre><code>import Vue from 'vue';
  import Vuetify from 'vuetify/lib';
  import 'vuetify/dist/vuetify.min.css';
  import '@fortawesome/fontawesome-free/css/all.css'
  
  import SmithIcon from '../icons/SmithIcon.vue'
  
  Vue.use(Vuetify);
  
  const opts = {
      iconfont: 'fa',
      theme: {
          primary: '#000000',
          secondary: '#FFD65E',
          accent: '#EDAFB8',
          error: '#FF5252',
          info: '#2196F3',
          success: '#4CAF50',
          warning: '#FFC107'
      },
      icons: {
          smith: {
              component: SmithIcon
          }
      }
  }
  
  export default new Vuetify(opts);
  </code></pre>
  
  <p>main.js file:</p>
  
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  import VueRouter from 'vue-router';
  
  // services
  import router from './router'
  import vuetify from './plugins/vuetify';
  
  import store from './store/index';
  
  Vue.config.productionTip = false
  
  Vue.use(VueRouter);
  
  
  new Vue({
    router,
    store,
    vuetify,
    render: h =&gt; h(App)
  }).$mount('#app');
  </code></pre>
  
  <p>Navbar.vue file: (use)</p>
  
  <pre><code>&lt;v-app-bar
                  app
                  clipped-right
                  color="primary"
                  dark
          &gt;
              &lt;v-app-bar-nav-icon @click.stop="drawer = !drawer"/&gt;
              &lt;v-toolbar-title&gt;
                  &lt;v-row&gt;
                      &lt;v-col&gt;
                          &lt;v-img src="../../assets/arc-logo.svg" max-width="150"/&gt;
                      &lt;/v-col&gt;
                  &lt;/v-row&gt;
              &lt;/v-toolbar-title&gt;
              &lt;v-spacer/&gt;
                  &lt;div class="mr-5"&gt;
                      &lt;v-img src="../../assets/help.svg" max-width="35"/&gt;
                  &lt;/div&gt;
          &lt;/v-app-bar&gt;
  </code></pre>
  
  <p>The color of the navbar should be black due to my custom themes, but it is still the vuetify default blue. Please advise.</p>