title: Change primary text color of the theme in Vuetify 2 on runtime
body: <p>I allow the user to change the main primary color of the application by using any hexadecimal color by calling: </p>
  
  <pre><code>changeTheme(color){
    Vuetify.framework.theme.themes.light.primary = color
  }
  </code></pre>
  
  <p>the problem is that if the chosen color is too bright or dark, the text color can't be read.</p>
  
  <p><a href="https://i.stack.imgur.com/CxJQm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CxJQm.png" alt="enter image description here"></a>
  is there is something like this? ==></p>
  
  <pre><code>changeTheme(color, textColor){
    Vuetify.framework.theme.themes.light.primary = color &lt;== This line works
    Vuetify.framework.theme.themes.light.primaryText = textColor &lt;== This not
  }
  </code></pre>
  
  <p>I need to apply the changes too all the places where primary color is being used, app-bar, buttons...etc. I also have a toggle between dark and light mode, so I need to be sure that the color text doesn't change when switching between modes. </p>