V-calendar: How to change border color

[husstahn]

Is there a way to change vc-border-gray-400 without css, perhaps using props or theme?

[nathanreyes]

Yes, there is a theme prop that you can use to override the default theme keys. Still working on the documentation for this but you can reference the structure to get an idea of the sections you can configure.

The setting you want is container.

<v-calendar :theme="theme" />

export default {
  data() {
    return {
      theme: {
        container: {
          light: 'light-container-class',  // Classes to apply for light mode
          dark: 'dark-container-class',  // Classes to apply for dark mode
        }
      }
    };
  }
}

[newlifehaonan]

the theme props doesn't seem to work in @next version