¿Por qué podría no funcionar dark-light-choose()?

Creo que, debido a la forma en que se compila el SCSS, las definiciones personalizadas de modo oscuro/claro deben agregarse en color_definitions.scss dentro de un tema y no funcionarán en otros archivos SCSS.

color_definitions.scss está muy arriba en la cascada (antes de muchos de los estilos predeterminados), por lo que no querrás agregar allí la parte .modal.history-modal ins. En su lugar, solo puedes agregar la definición de color en sí…

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

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

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

y luego en common o en cualquiera de los otros archivos de tu tema puedes hacer:

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