Как установить цвет текста, введенного во входные данные FormKit в Vue.js, с помощью Tailwind CSS? ⇐ CSS

[Anonymous]

Я работаю над проектом Vue.js, в котором использую FormKit для управления формами и Tailwind CSS для стилизации. Однако я столкнулся с проблемой с цветом текста, введенного в поле ввода. Текст, который я ввожу в поле, отображается в том же цвете, что и заполнитель, то есть в светлом тоне, а мне хотелось бы, чтобы введенный текст был темнее.
Вот фрагмент кода где я настраиваю свои данные:

Код: Выделить всё

import LogoAgilis from '@icons/LogoAgilis.vue'
import { reactive } from 'vue'
import router from '~/router'
import { useAuthStore } from '~/stores/auth'

const authStore = useAuthStore()

const credentials = reactive({
email: '',
password: '',
})

const { execute: login, isFetching: isLoadingLogin } = authStore.login(credentials)

function handleSubmit() {
login()
.then(() =>  {
router.push('/organizations')
})
}









Email







Senha





Esqueceu sua senha?




Entrar





Usuário novo?

Cadastre-se

В настоящее время я использую следующие конфигурации для FormKit:

Код: Выделить всё

import { pt } from '@formkit/i18n';
import { defaultConfig } from '@formkit/vue';
import { rootClasses } from './formkit.theme';

export default defaultConfig({
locales: { pt },
locale: 'pt',
config: {
rootClasses,
},
});

Что я уже пробовал:

• Добавляйте на вход разные классы цветов, например text-neutral-900 , но это не дало эффекта.
• Проверял элемент в браузере, чтобы проверить, какие стили применяются, но не смог найти причину, по которой цвет текста Я набрал тот же цвет, что и заполнитель.

Как я могу гарантировать, что цвет текста, введенного во входные данные FormKit, отличается от цвета заполнителя? Есть ли способ правильно установить этот цвет с помощью Tailwind CSS в сочетании с FormKit? Есть предложения по настройке стилей входных данных FormKit?
Заранее благодарим за любую помощь

Подробнее здесь: https://stackoverflow.com/questions/791 ... g-tailwind