diff --git a/src/app/components/shared/comment/comment.component.html b/src/app/components/shared/comment/comment.component.html index 03964bae01df750c74983d00772335e0fd42a73f..b204ed8c6c03a10bb0694fc8243f57678aef3c1d 100644 --- a/src/app/components/shared/comment/comment.component.html +++ b/src/app/components/shared/comment/comment.component.html @@ -1,7 +1,8 @@ <mat-card id="comment-card" class="border" [ngClass]="{'highlighted': comment.highlighted, '': !comment.highlighted, 'moderator': moderator, - 'border-correct': comment.correct === 1 + 'border-correct': comment.correct === 1, + 'border-wrong': comment.correct === 2 }" [@slide]="slideAnimationState" (@slide.done)="changeSlideState()"> diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss index c1a36c436734276d68669f05f29c8fb93f1f77d5..7004a7652ad8b452db43e62d7cee10bf7729d914 100644 --- a/src/app/components/shared/comment/comment.component.scss +++ b/src/app/components/shared/comment/comment.component.scss @@ -1,9 +1,9 @@ -@mixin card-box-shadow($color: transparent){ +@mixin card-box-shadow($color: transparent, $x: -4px){ box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12), - -4px 0px 0px 0px $color; + $x 0px 0px 0px $color; } #comment-card { @@ -127,7 +127,7 @@ mat-card-content > :first-child { } .border{ - @include card-box-shadow(); + @include card-box-shadow(transparent,0); &-correct{ @include card-box-shadow(var(--green)); } diff --git a/src/theme/high-contrast-theme/highContrastTheme.const.ts b/src/theme/high-contrast-theme/highContrastTheme.const.ts index c29db89834fffb328bf24783f6330cc9b307d1f0..3bebe712e68061b6c7a42f6637f51064c30f0b8b 100644 --- a/src/theme/high-contrast-theme/highContrastTheme.const.ts +++ b/src/theme/high-contrast-theme/highContrastTheme.const.ts @@ -18,14 +18,14 @@ export const highcontrast = { '--on-surface': '#FFFFFF', '--on-dialog': '#FFFFFF', - '--green': 'lightgreen', - '--red': 'red', - '--yellow': '#fb9a1c', - '--blue': 'blue', - '--purple': 'purple', - '--light-green': 'lightgreen', - '--grey': 'grey', - '--grey-light': 'lightgrey', + '--green': '#3ce933', + '--red': '#e93333', + '--yellow': '#e9d533', + '--blue': '#3833e9', + '--purple': '#e933e2', + '--light-green': '#33e98d', + '--grey': '#7e7e7e', + '--grey-light': '#9c9c9c', '--black': 'black', '--moderator': 'darkred'