vue.js - how can I toggle to dark mode in metrinic using vue and vuex?

Question

I'm using metronic theme and vue to develop a SPA website I need to have a button to toggle between dark mode and light mode in metronic. I need to use vuex and vue to solve this problem. Does anyone have any idea how can I do this? This is layaout.config.json file

{
  "demo": "demo3",
  "self": {
    "layout": "default",
    "body": {
    }
  },
  "colors": {
    "theme": {
      "base": {
        "white": "#ffffff",
        "primary": "#1BC5BD",
        "secondary": "#E5EAEE",
        "success": "#1BC5BD",
        "info": "#6993FF",
        "warning": "#FFA800",
        "danger": "#F64E60",
        "light": "#F3F6F9",
        "dark": "#212121"
      },
      "light": {
        "white": "#ffffff",
        "primary": "#1BC5BD",
        "secondary": "#ECF0F3",
        "success": "#C9F7F5",
        "info": "#E1E9FF",
        "warning": "#FFF4DE",
        "danger": "#FFE2E5",
        "light": "#F3F6F9",
        "dark": "#D6D6E0"
      },
    },
    "gray": {
      "gray-100": "#F3F6F9",
      "gray-200": "#ECF0F3",
      "gray-300": "#E5EAEE",
      "gray-400": "#D6D6E0",
      "gray-500": "#B5B5C3",
      "gray-600": "#80808F",
      "gray-700": "#464E5F",
      "gray-800": "#1B283F",
      "gray-900": "#212121"
    }
  },
  "font-family": "Poppins",
  }
}

question from:https://stackoverflow.com/questions/65641293/how-can-i-toggle-to-dark-mode-in-metrinic-using-vue-and-vuex

Answer 1

Waitting for answers