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

[Anonymous]

Я создал «блок» для веб-страницы, который, например, называется «test-div».
В тестовый div также добавлен дополнительный класс для изменения цвета фона. то есть.

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

test-div test-div-bg-bright-gold
test-div test-div-bg-dark-blue

и т. д.
В моем тестовом div также есть псевдокласс, прежде чем обрезать верхнюю левую границу, и мне нужно, чтобы его цвет соответствовал какой бы класс bg ни применялся. Предыдущий CSS выглядит так -

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

test-div::before {
content: '';
position: absolute;
top: 0; left: 0;
border-top: 100px solid white;
border-right: 100px solid var(--COLORTOMATCHTHEBGCLASSGOESHERE?);
width: 0;
}

Я уже много лет пытаюсь понять, как это сделать, поэтому буду очень признателен за любую помощь.
Спасибо!
Спасибо!
п>

Подробнее здесь: https://stackoverflow.com/questions/781 ... ther-class