Как глобально изменить цвет фона поля vuetify3, используя пользовательские темы? ⇐ CSS

[Anonymous]

В vuetify3 я пытаюсь изменить фон всех моих полей (текст, Textarea, выберите ...). У меня есть индивидуальные темы, определенные так: < /p>
...
const darkTheme: ThemeDefinition = {
dark: true,
colors: {
background: '#111827',
surface: '#1F2937',
primary: '#2563EB',
secondary: '#8B5CF6',
...
},
};

const lightTheme = {
dark: false,
colors: {
...
},
};

export default createVuetify({
theme: {
defaultTheme: 'darkTheme',
themes: {
darkTheme,
lightTheme,
},
variations: {
colors: ['background', 'surface'],
lighten: 5,
darken: 4,
},
},
});
< /code>
Я пытался добавить раздел переменных в мои темы, но ни одна из переменных, которые я пробовал, не работала: < /p>
const darkTheme: ThemeDefinition = {
...
variables: {
// none of the following worked...
'--v-field-background-color': '#ff0000'
'--v-input-control-background-color': ...
'--v-input-control-background-color': ...
'input-background': ...
'input-solo-background': ...
'input-filled-background': ...
'input-outlined-background': ...
}
};
< /code>
это хорошее направление? Является ли раздел переменных хорошим способом сделать это?
Может быть, я не нашел хороших переменных, и если да, то где найти список? (Я не могу найти его в документации Vuetify)>

Подробнее здесь: https://stackoverflow.com/questions/794 ... custom-the