title: changing the background color of a v-list header
body: <p>I am tying to change the color of a v-list header item. I seem to only be able to change the colour of the title but not the whole tile. Note that I need this to be reactive since the background color I am trying to change will not remain the same over time.</p>
  
  <p>I have tried using the color property on the v-list-tile-content but it does not do anything. Then I tried the same on the v-list-tile-title but this only changes the title part not the action/avatar part</p>
  
  <p>In other words it's like changing the colour of the Dining title in the following codepen <a href="https://codepen.io/patrick2009/pen/pmdgNz" rel="nofollow noreferrer">https://codepen.io/patrick2009/pen/pmdgNz</a></p>
  
  <pre><code> &lt;v-list-tile-content color="red"&gt;
       &lt;v-list-tile-title&gt;{{ subItem.title }}&lt;/v-list-tile-title&gt;
   &lt;/v-list-tile-content&gt;
  </code></pre>
  
  <p>Something like that would be nice!</p>
  
  <p>Thanks guys,</p>
  
  <p>Pat</p>