изменено меньше переменных, не работающих в угловых 6

Question

Я сохранил все меньше переменных в файле constants.less и пытаюсь обновить постоянные переменные из моего app.component.ts файла.

Constants.less

@left-menu-background-color : #3A5CED; 

@left-menu-hover-color: #0D21DC;

@body-background-color : #F7F7F7;

app.component.ts

import * as less from 'less';

less.modifyVars({
        '@left-menu-background-color': '#000000',
      });
      less.refreshStyles();
      less.refresh(true);

Это не работает, Любое предложение будет оценено.

Заранее спасибо!