Если вы хотите использовать конкретные цвета, которых нет в палитре и которые должны меняться в зависимости от светлой или тёмной темы, вы можете использовать вкладку определений цветов в том же компоненте:
$bg-light: aqua;
$bg-dark: blueviolet;
:root {
--category-id-4-background: #{dark-light-choose($bg-light, $bg-dark)};
}
