Почему функция dark-light-choose() может не работать?

Поддержка
2

Я считаю, что из-за способа компиляции SCSS пользовательские определения тёмной/светлой темы необходимо добавлять в color_definitions.scss внутри темы, и они не будут работать в других SCSS-файлах.

Screen Shot 2020-12-04 at 9.54.13 PM
Screen Shot 2020-12-04 at 9.54.13 PM936×138 14.1 KB

Файл color_definitions.scss находится высоко в каскаде (перед многими стилями по умолчанию), поэтому не стоит добавлять туда часть .modal.history-modal ins. Вместо этого можно просто добавить само определение цвета…

$dark-theme-ins: #acf2bd;
$light-theme-ins: #4da06d;

$ins: dark-light-choose($light-theme-ins, $dark-theme-ins);

:root {
  --custom-ins: #{$ins};
}

А затем в файле common или в любом другом файле вашей темы можно сделать следующее:

.modal.history-modal {
    ins {
        background: var(--custom-ins);
    }
}