Это крайне запутанно. В гайдлайне по стилям именованные CSS-переменные используют дефисы:
В то время как в этой (и других) примерах схем используются нижние подчеркивания:
Признаюсь, я не самый острый нож в ящике, и уверен, что для тех, кто работает с этим давно, всё кажется более очевидным и интуитивно понятным… но попытка разобраться в этом ощущается так, будто я схожу с ума.
Очень трудно интуитивно понять всю логику использования цветов в светлом и тёмном режимах. Между множеством SCSS-файлов и трансформаций, JSON, административным GUI, палитрами, которые (в какой-то степени?) независимы от тем…
Извините за поток сознания, просто немного запутался здесь.