[Question] How to configure modes order

[R9980]

Currently gridsome homepage loads dark mode by default and able to toggle sepia and white after that.
Then how to change that modes order eg, white, sepia, dark (white by default)

Can you show me related code lines that i need to update?

[TerabyteTiger]

This is the theme toggle component

It looks to me that lines 51 through 55 are setting the initial theme based on your browser theme preferences when the component mounts.

async mounted() {
  // set default
  if (typeof window.__theme !== 'undefined') this.theme = window.__theme
}

If the theme isn't set in the browser, it defaults to light on lines 31 through 34:

data() {
  return {
    theme: 'light',
  }
},

[mtlynch]

Thanks for answering @TerabyteTiger!

@R9980 - if this is not resolved, feel free to reopen.