Por que dark-light-choose() pode não funcionar?

Acredito que, devido à forma como o SCSS é compilado, as definições personalizadas de tema escuro/claro precisam ser adicionadas ao color_definitions.scss dentro de um tema e não funcionarão em outros arquivos SCSS.

O arquivo color_definitions.scss está no topo da cascata (antes de muitos estilos padrão), então você não deve adicionar a parte .modal.history-modal ins nele. Em vez disso, você pode apenas adicionar a própria definição de cor…

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

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

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

E então, em common ou em qualquer outro arquivo do seu tema, você pode fazer:

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