Set global text color in Vuetify

Question

I've setup a Vuetify app with sass globals, changing the default font style. However, I'm having trouble finding the setting for font/text color. There is a text-color property under $material-light and $material-dark variables that I believe is the correct attribute to set, but haven't managed to get it to work.

in /sass/variables.sass

$material-light: map-deep-merge(( 'text-color': #554946 ), $material-light)

This results in a invalid css property 'text-color' error. Any idea what the correct way to change this property is?

Answer 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.