Измените цвет текста в вводе в режиме темного или света ⇐ CSS

[Anonymous]

Я создаю коммутатор темных/световых тем, и проблема, которую я обнаруживаю, заключается в том, что я ввожу любую информацию в поле ввода, в то время как веб -сайт в режиме Dark, поля текста внутри ввода выглядит черным, как я могу изменить ее, чтобы сохранить черный текст Цвет в режиме света и цвет белого текста в темном режиме. < /p>

Вот мой CSS для света /темного режима. Как я могу добавить другой цвет текста для темного режима? < /P>

:root {
--primary-color: rgb(82, 80, 144);
--secondary-color: #536390;
--font-color: #424242;
--bg-color: #fff;
--heading-color: #292922;
--color: black;
}
[data-theme="dark"] {
--primary-color: rgb(107, 106, 134);
--secondary-color: #818cab;
--font-color: #e1e1ff;
--bg-color: #4d5055;
--heading-color: #63656d;
--color: white;
}
body {
background-color: var(--bg-color);
color: var(--font-color);
}
h1 {
color: var(--secondary-color);
}

a{
color: var(--primary-color);
}
input {
color: var(--color);
}
< /code>

html part < /p>




< /code>

Я пытался с этим с этим кодом, но он меняется как для темного, так и для светового режима. < /p>

input, select, textarea{
color: #ff0000;
}
< /code>

отредактировано: я добавляю контент из ответа ниже. Это работает сейчас только с одной проблемой, когда я переключаю на режим света, цвет ввода текста остается белым, но предполагается, что черный цвет.

Подробнее здесь: https://stackoverflow.com/questions/617 ... light-mode