title: Vuetify.js: how to change the color of the step's text in a v-stepper component?
body: <p>In the <a href="https://vuetifyjs.com/en/components/steppers" rel="nofollow noreferrer">v-stepper</a> VuetifyJS component, I know how to change the color of the steps themselves by simply invoking the <code>color</code> prop, but how to change the text of that step?</p>
  
  <p>I mean how to change the color of <em>Name of step 1</em> text below:</p>
  
  <pre><code> &lt;v-stepper-step :complete="e1 &gt; 1" step="1" color="red"&gt;Name of step 1&lt;/v-stepper-step&gt;
  </code></pre>
  
  <p>Screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/OFsKz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OFsKz.png" alt="enter image description here"></a></p>
  
  <p><a href="https://codepen.io/begueradj/pen/VEpdmL?&amp;editors=101" rel="nofollow noreferrer"><strong>Codepen</strong></a>.</p>