Change placeholder color in room-join and comment-search

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

@@ -9,8 +9,6 @@
     <mat-icon>close</mat-icon>
   </button>
 
-   <!-- <span class="fill-remaining-space"></span> -->
-
   <div class="button-bar" fxLayoutAlign="center center">
     <div *ngIf="comments && comments.length > 0">
       <mat-chip-list>

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

@@ -109,3 +109,8 @@ h4  {
 .down {
   color: var(--red);
 }
+
+::placeholder {
+  color: var(--on-primary);
+  opacity: 1;
+}

src/app/components/shared/room-join/room-join.component.scss

@@ -25,3 +25,8 @@ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-i
 mat-hint {
   color: var(--on-surface) !important;
 }
+
+::placeholder {
+  color: var(--on-surface);
+  opacity: 1;
+}