Add animation to comment highlighting

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

@@ -5,6 +5,7 @@
   padding-bottom: 10px;
   padding-top: 10px;
   padding-right: 5px;
+  transition: background-color 1s linear;
 }
 
 mat-card-content > :first-child {
@@ -90,6 +91,7 @@ h2 {
 }
 
 .highlighted {
-  // ToDo: Use theme
-  background-color: var(--highlighted)!important;
+  background-color: var(--highlighted-comment)!important;
+  transition: background-color 1s linear;
 }
+

src/theme/dark-Theme/darkTheme.const.ts

@@ -49,5 +49,5 @@ export const dark = {
   '--text-3': '#78909c', // could be used for all texts
   '--dialog-bg': '#78909c',
   'stats-ok': '#FFB74D',
-  '--highlighted' : '#005F63'
+  '--highlighted-comment' : '#005F63'
 };

src/theme/default-Theme/defaultTheme.const.ts

@@ -45,5 +45,5 @@ export const defaultTheme = {
   '--room-list-card-color': '#4db6ac', // shared/room-list.component.scss
   '--statistic-bg-color': '#fff8e1', // shared/statistic.component.scss & shared/statistics-page.component.scss
   '--dialog-bg': '#e0f2f1',
-  '--highlighted' : '#FFD54F'
+  '--highlighted-comment' : '#FFD54F'
 };