title: Colored App bar comes out completely white Vuetify
body: <p>I am trying to load up a Vuetify app bar using this code:</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-toolbar dark color="primary"&gt;
      &lt;v-toolbar-side-icon&gt;&lt;/v-toolbar-side-icon&gt;
      &lt;v-toolbar-title class="white--text"&gt;Title&lt;/v-toolbar-title&gt;
      &lt;v-spacer&gt;&lt;/v-spacer&gt;
      &lt;v-btn icon&gt;
        &lt;v-icon&gt;search&lt;/v-icon&gt;
      &lt;/v-btn&gt;
      &lt;v-btn icon&gt;
        &lt;v-icon&gt;apps&lt;/v-icon&gt;
      &lt;/v-btn&gt;
      &lt;v-btn icon&gt;
        &lt;v-icon&gt;refresh&lt;/v-icon&gt;
      &lt;/v-btn&gt;
      &lt;v-btn icon&gt;
        &lt;v-icon&gt;more_vert&lt;/v-icon&gt;
      &lt;/v-btn&gt;
    &lt;/v-toolbar&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Using this code, I just get a blank app bar that is white. When I highlight the Title text, I can see it, so it's like the color is being set to white as well...</p>
  
  <p>I have this in my main.js file:</p>
  
  <pre><code>// The Vue build version to load with the `import` command
  // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
  import Vue from 'vue'
  import App from './App'
  import router from './router'
  import Vuetify from 'vuetify'
  import 'vuetify/dist/vuetify.min.css'
  import 'material-design-icons-iconfont/dist/material-design-icons.css' // Ensure you are using css-loader
  Vue.config.productionTip = false
  
  Vue.use(Vuetify, {
    theme: {
      primary: '#3f51b5',
      secondary: '#b0bec5',
      accent: '#8c9eff',
      error: '#b71c1c'
    }
  })
  
  /* eslint-disable no-new */
  new Vue({
    el: '#app',
    router,
    components: { App },
    template: '&lt;App/&gt;'
  })
  </code></pre>
  
  <p>When I remove the <code>dark color="primary"</code> declaration, I get an app bar that appears correctly, just without color (obviously).</p>
  
  <p>Why are my colors not being added properly?</p>