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);
}
}
