Simple Dark Theme Switch with Vue.JS
Hello, In this post I’m going to show you how quickly you can add a dark theme switch to your Vue.JS application. We’re going to start with a blank application. And then we’re going to create a dark-theme CSS file which we’re going to save in public/css/darktheme.css. This is how the application looks without any CSS. Now, we’re going to put the following code in darktheme.css: 1 2 3 4 5 6 7 body { background-color: #2c3e50; } h1,h2,h3,h4,h5,h6,p { color: #42b983; } We can test our theme by appending the following line in the of public/index.html ...