Навсегда изменить переменную :root .css с помощью javascript (получение информации о переменной через ввод) ⇐ Javascript

[Гость]

Я работал над идеей для этого веб-сайта, который я создаю, и идея состоит в том, чтобы по сути попросить пользователя ввести цвет (# 12345;), и после ввода пользователь отправляет ввод, и это изменит переменную .css. постоянно на всех страницах. Вот мой код

HTML

Ввод для изменения основных цветов (верхний, нижний колонтитул, границы сервиса)

Ввод для изменения цвета рамки (цвета рамки фона)

Ввод для изменения цвета фона (цвет фона)

Ввод для изменения основного цвета текста

Ввод для изменения цвета вторичного текста

CSS

:root { --clr-текст: белый; --clr-вторичный-текст: желтый; --clr-primary: #098ef6; --clr-фон: rgba(0,0,0,0.5); --border-color: белый; --clr-bg-border: 1 пиксель сплошной var(--border-color); --ff-primary: «Тени в свет», курсив; --ff-global: «Государственные», курсив; } Мой план состоит в том, чтобы нажать кнопку «Отправить» после получения входных данных для допустимого цвета, а затем изменить переменную :root для этой конкретной области цвета.