Для получения значения переменной CSS с помощью JavaScript требуется setTimeout ⇐ CSS

[Anonymous]

Я пытаюсь получить значение переменной CSS в своем коде JavaScript. Для этого я использую следующий фрагмент кода. В этом случае я получаю определенный оттенок красного, определенный в CSS.

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

let red = getComputedStyle(document.documentElement).getPropertyValue('--red')

Проблема в том, что этот код работает только тогда, когда я обертываю его в блок setTimeout, показанный ниже,

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

setTimeout(() => {
let red = getComputedStyle(document.documentElement).getPropertyValue('--red')
}, 10)

Поэтому JavaScript кажется, что ему нужно немного подождать, пока CSS завершит загрузку. Есть ли способ получить значение переменных CSS без необходимости ждать определенное время, как я показал выше?
Кроме того, я обнаружил, что мне не нужен setTimout, когда я запускаю свое приложение через расширение VS Code Live Server, но мне нужно использовать его, когда я открываю HTML-файл через проводник.

Подробнее здесь: https://stackoverflow.com/questions/689 ... settimeout