Add dark mode based on system preferences in Vuetify

24. Januar 2021

Within Vuetify instance

theme: {
   dark: window.matchMedia("(prefers-color-scheme: dark)").matches,
}

or afterwards with CDN installations

created: function () {
    // match system color
    this.$vuetify.theme.dark = window.matchMedia("(prefers-color-scheme: dark)").matches;
},