[Vuejs]-Set global text color in Vuetify

by

0👍

For Vuetify 2.6.x

Import the variables on top of your variables.scss file:

@import '~vuetify/src/styles/settings/_index.sass';

Then add the overrides

$material-light: map-deep-merge(
  $material-light,
  (
    'text': (
      'primary': <your color> // This is the text value that sets the global color
    )
  )
);

The full variable definition is here: https://vuetifyjs.com/en/api/vuetify/#sass-material-light

-1👍

The easiest way would be to simply set the font-family on body. If you are using webpack and importing the Vuetify stylus entry, main.styl, you can simply overwrite the $font-family variable with whatever font you want.

Leave a comment