Add new colors to comment

src/app/components/shared/comment-list/comment-list.component.html

@@ -272,6 +272,8 @@
                [parseVote]="getVote(current)"
                [userRole]="userRole"
                [moderator]="false"
+               [isFromModerator]="moderatorIds.includes(current.creatorId)"
+               [isFromOwner]="room.ownerId === current.creatorId"
                [user]="user"
                [disabled]="!commentsEnabled"
                [commentsWrittenByUser]="commentsWrittenByUsers.get(current.creatorId).size"

src/app/components/shared/comment/comment.component.html

@@ -8,7 +8,9 @@
           'border-wrong': comment.correct === 2,
           'border-answer': comment.answer && comment.bookmark === false && comment.favorite === false,
           'border-bookmark': comment.bookmark === true,
-          'border-favorite': comment.favorite === true
+          'border-favorite': comment.favorite === true,
+          'border-fromModerator': isFromModerator,
+          'border-fromOwner': isFromOwner
           }"
           [@slide]="slideAnimationState"
           (@slide.done)="changeSlideState()">

src/app/components/shared/comment/comment.component.scss

@@ -180,6 +180,14 @@ mat-card-content > :first-child {
   &-mergeSelect {
     @include card-box-shadow(var(--cyan));
   }
+
+  &-fromModerator {
+    @include card-box-shadow(var(--red));
+  }
+
+  &-fromOwner {
+    @include card-box-shadow(var(--red));
+  }
 }
 
 .comment-tags {

src/app/components/shared/comment/comment.component.ts

@@ -45,6 +45,8 @@ export class CommentComponent implements OnInit, AfterViewInit {
   @Input() disabled = false;
   @Input() usesJoyride = false;
   @Input() commentsWrittenByUser = 1;
+  @Input() isFromModerator = false;
+  @Input() isFromOwner = false;
   @Output() clickedOnTag = new EventEmitter<string>();
   @Output() clickedOnKeyword = new EventEmitter<string>();
   @Output() clickedUserNumber = new EventEmitter<number>();