title: How to change Vuetify v-text-field outlined border
body: <p>I have been strying to override the default border color of <strong>outlined</strong> v-text-field. Basically I want a specific color all the times (unfocused, focused, hover) playing with the codepen below:</p>
  
  <p><a href="https://codepen.io/hoiratnhieu/pen/GRpjEeb" rel="nofollow noreferrer">https://codepen.io/hoiratnhieu/pen/GRpjEeb</a></p>
  
  <pre><code>&lt;v-text-field
                label="Outlined"
                outlined
                dense
              &gt;&lt;/v-text-field&gt;
  </code></pre>
  
  <p>Can someone provide some much needed help here?</p>
  
  <p>Thank you.</p>