你好，我想设置一个离子卡的背景色。我返回一个对象，它有一个名为color的属性，该属性在数据库表中有变量.scss（主要，次要，第三，黑暗等）的预定义颜色的值。对象的名称是userInterests。userInterests。color是具有值（主要，次要，第三）的属性

<ion-col size="6" *ngFor="let item of usersInterest;">
          <ion-card id="card">
            <ion-avatar>
            <img [defaultImage]="defaultImage" [lazyLoad]="item.profile_pic"/>
          </ion-avatar>
            <div class="card2"><div><br /><br /><br /><br /><br /><br /><br /><br /></div>
              <div class="card-title">{{item?.first_name || item?.username }}</div>
              <div class="card-subtitle">{{item?.artisticBehaviour}}</div>
            </div>
        </ion-card>