Vuetify 2迁移至3后默认主题色从蓝变紫的原因咨询

变更原因 #

Vuetify 3 确实修改了默认主题的主色调——官方在大版本迭代中全面切换到 Material Design 3 设计规范，而紫色（#6200EE）是 Material Design 3 的默认主色调，因此替代了 Vuetify 2 中基于 Material Design 2 的蓝色（#1976D2，即你代码里的 colors.blue.darken2）作为默认 primary 色。

简化你的临时方案 #

你当前的代码可以简化，无需分别为明暗主题重复配置 primary 色：

createVuetify({
  theme: {
    colors: {
      primary: colors.blue.darken2,
    },
  },
})

这样配置后，不管是亮色还是暗色主题，primary 色都会统一使用你指定的蓝色，避免重复代码。

内容的提问来源于stack exchange，提问作者user3534080