Как использовать цвет css в свойстве углового элемента

#css #angular

Вопрос:

У меня есть файл css, как показано ниже:

 @use '@webex/common/ui/momentum-core/scss/colors' as colors;

 .avatar-color {
   background-color:  colors.$md-gray-100;
 }
 

Теперь я хочу использовать этот цвет в свойстве этого элемента backgroundColor ;

 <md-avatar 
     class="md-color--lime-100 avatar-margin" 
     [title]="loggedInUserName" 
     [backgroundColor]="{avatar-color}"
     [size]="84">
</md-avatar>
 

Я знаю, как мы обычно используем свойство css в классе, но [backgroundColor] оно не применяется. Пожалуйста, помогите.

Комментарии:

1. Является ли md-аватар из сторонней библиотеки?