Si deseas usar colores específicos que no estén en la paleta y que cambien con el modo oscuro/claro, puedes utilizar la pestaña de definiciones de color en el mismo componente:
$bg-light: aqua;
$bg-dark: blueviolet;
:root {
--category-id-4-background: #{dark-light-choose($bg-light, $bg-dark)};
}

