title: Vuetify text color variants
body: <p>I want to use one of the color variants for text, how can I do this? I have tried:</p>
  
  <p><code>&lt;h2 class="red--text lighten-1--text"&gt;My Address&lt;/h2&gt;</code></p>
  
  <p><code>&lt;h2 class="red--text lighten-1"&gt;My Address&lt;/h2&gt;</code></p>
  
  <p><code>&lt;h2 class="red-lighten-1--text"&gt;My Address&lt;/h2&gt;</code></p>
  
  <p>and many other variations, but I can only seem to get the text to go the base red color, not the variants listed <a href="https://vuetifyjs.com/en/framework/colors#classes" rel="noreferrer">here</a>. Can anyone help?</p>