伙计们,你们知道怎样才能改变所有Vutify组件的文本和背景 colored颜色 吗?

我使用了自定义主题,但不是固定的.

:)

const myCustomLightTheme = {
    dark: false,
    colors: {
        background: "#FFFFFF",
        surface: "#FF0000",
        primary: "#FF0000",
        "primary-darken-1": "#FF0000",
        secondary: "#03DAC6",
        "secondary-darken-1": "#018786",
        error: "#B00020",
        info: "#2196F3",
        success: "#4CAF50",
        warning: "#FB8C00"
    }
};

const vuetify = createVuetify({
    components,
    directives,
    theme: {
        defaultTheme: "myCustomLightTheme",
        themes: {
            myCustomLightTheme
        }
    }
});

推荐答案

您缺少on-background的条目(可能还有on-primaryon-surface等):

const myCustomLightTheme = {
  dark: false,
  colors: {
    ...,
    'on-background': '#00f00f',
    'on-primary': '#ff0',
  },
}

使用判断器确定使用了哪个变量.在屏幕截图中,您可以看到输入上的文本 colored颜色 是通过--v-theme-on-background变量设置的:

enter image description here

(v-theme-是Vuetify添加的前缀,对应的变量是on-background)

这是一张playground元的

Javascript相关问答推荐

vanillajs-datepicker未设置输入值,日期单击时未触发更改事件

字节数组通过echo框架传输到JS blob

使搜索栏更改语言

如何将Map字符串,布尔值转换为{key:string;value:bo布尔值;}[]?<>

使用Java脚本根据按下的按钮更改S文本

我正在建立一个基于文本的游戏在react ,我是从JS转换.我怎样才能使变量变呢?

未定义引用错误:未定义&Quot;而不是&Quot;ReferenceError:在初始化&Quot;之前无法访问';a';

如何在文本字段中输入变量?

对路由DOM嵌套路由作出react

try 使用PM2在AWS ubuntu服务器上运行 node 进程时出错

使用插件构建包含chart.js提供程序的Angular 库?

当代码另有说明时,随机放置的圆圈有时会从画布上消失

React:防止useContext重新渲染整个应用程序或在组件之间共享数据而不重新渲染所有组件

我正在试着做一个TicTacToe Ai来和我玩.但是,我试着在第一个方块被点击时出现一个X,然后在第二个方块之后出现一个O

Chrome上的印度时区名S有问题吗?

AstroJS混合模式服务器终结点返回404

ReactJS在类组件中更新上下文

相对于具有选定类的不同SVG组放置自定义工具提示

Reaction路由v6.4+数据API:重试加载程序而不显示错误

如果未定义,如何添加全局变量