Вызовать функцию SCSS с динамическими значениями ⇐ CSS

[Anonymous]

Я работаю в Angular и использую SCSS для своих стилей.
Я могу объявить переменную и повторно использовать ее позже в SCSS, как это: < /p>
$color-accent: #30bdff;
$color-accentLight: mix(white, $color-accent, 90%);
< /code>
Но что, если пользователь хочет изменить значение «Акцента»? Что если это значение должно быть динамическим значением? Конечно, я могу использовать функцию «setProperty» в моем файле TypeScript, как это: < /p>
document.documentElement.style.setProperty('--dynamicValue', #30bdff);
< /code>
и в SCSS: < /p>
$color-accent: var(--dynamicValue);
< /code>
Теперь, если я хочу напрямую использовать это значение, оно будет работать. Как это: < /p>
.mainContent{
Color: $color-accent
}
< /code>
Но моя проблема начинается, когда я хочу повторно использовать эту переменную в функции SCSS, такая как: min, max, Darken, Lighten ... < /p>
Потому что эта функция должна иметь цвет в качестве их ввода и не за исключением переменной, которая содержит вар (-) Проблема.>

Подробнее здесь: https://stackoverflow.com/questions/753 ... mic-values