Changing Background Color in Vuetify.js and Nuxt.js

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.

--

--

--

Freelance Full-Stack Developer | Technoblast @ Tech for Bio

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Introduction to Restful API’s using Node, Express Js and MongoDB :#1

what is a javascript string?

Hi guys check out this amazing server with lots of features to be explored

Console.log tricks : How to style a log

Angular architecture matters: Monorepo

Angular 2+: Base Component Misusage

side-menu and modal with Javascript

Free Functional Programming Course Released — JavaScript and PureScript

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jarek Lipski

Jarek Lipski

Freelance Full-Stack Developer | Technoblast @ Tech for Bio

More from Medium

Create multilingual web app using VueJS 2 + vue 18n

How to use Material Design Icons with Nuxt.js efficiently

Universal Links and Nuxt

Illustration of Chain

Dark Mode Switch With Tailwind CSS & Nuxt 3