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

Redux-A Predictable State Container

Lightning Web Components Overview

JavaScript vs TypeScript

Building REST API with Node.js

How to install Node.js (on Arch-based Distros)

Build powerful frameworkless web components

Optimizing a Vue.js app build time on Heroku

The Browser

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

How to install Tailwind CSS with Svelte and Flowbite

How to use Material Design Icons with Nuxt.js efficiently

Step-by-step: How to Create a Vue Multi-Language App with Vue-i18n

Create a Nuxt.js blog with the content module