Question

我正在使用nuxt.js，并已安装Vuetify，并向其中一个版面页面添加了深色主题。因此，我有两个布局页面（浅色和深色）。我将其安装到布局中以切换主题，因此可以使用深色主题页面或浅色主题页面。

        mounted(){
            setTimeout(() => this.$vuetify.theme.dark = false, 0);
        }

当主题切换为深色时，默认情况下为灰色。我想将此灰色更改为深蓝色。如何更改变量以将基本black-gray的颜色更改为深蓝色？

我不想在nuxt.config.js文件中创建“深色主题” 。这不是我想要做的，因为然后我必须在所有黑暗的主题中添加color="primary"。

我要做的是将我的基础颜色设置为深蓝色，而不是黑灰色，然后主题中的所有颜色都会改变。我该怎么办？

Answer 1

您是否已选中docs for information about customizing the theme color palette。

文档说，您可以通过这种方式用您选择的颜色定义颜色定义。

这是文档的示例插件：

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

import colors from 'vuetify/lib/util/colors'

const vuetify = new Vuetify({
  theme: {
    themes: {
      dark: {
        primary: colors.blue.lighten3,
      },
    },
  },
})

覆盖Vuetify默认的灰色深色主题

1 个答案: