Changing Background Color in Vuetify.js and Nuxt.js

Jarek Lipski
3 min readMay 23, 2020

Vuetify.js is a Material Design component framework that allows customizing colors easily via themes. However, one color that is missing in the theme config is the background color. In this article we will fix that via CSS variables!

We will be using Nuxt.js — a meta-framework for Vue.js. However, very similar techniques can be applied to vanilla Vuetify.js.

--

--

Jarek Lipski

Freelance Full-Stack Developer | Technoblast @ Tech for Bio