Adjust dark theme

src/app/components/creator/content-list/content-list.component.html

-<div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
+ <div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
   <mat-card>
     <mat-card-header>
       <mat-card-title>

src/app/components/creator/content-list/content-list.component.scss

@@ -40,7 +40,7 @@ mat-expansion-panel-header {
 
 h2 {
   font-size: larger;
-  color: var(--on-surface) !important;
+  color: var(--on-surface);
 }
 
 .actionButton {
@@ -80,3 +80,8 @@ mat-tooltip-component {
 mat-progress-spinner {
   margin-top: 10px;
 }
+
+h3 {
+  font-size: larger;
+  color: var(--on-surface);
+}

src/app/components/home/home-page/home-page.component.scss

@@ -10,7 +10,7 @@
   font-weight: bold;
   text-align: center;
   letter-spacing: 10px;
-  color: var(--secondary);
+  color: var(--on-surface);
   animation: moveInLeft 2s ease-out;
   padding-top: 10px;
 }

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

 button {
   margin-right: 10px;
-  color: var(--primary);
+  color: var(--secondary);
 }
 
 .mat-expansion-panel-header-description {

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

 export const dark = {
 
-  '--primary' : '#004d40',
-  '--primary-variant': '#39796b',
+  '--primary' : '#4db6ac',
+  '--primary-variant': '#80cbc4',
 
-  '--secondary': '#bdbdbd',
-  '--secondary-variant': '#efefef',
+  '--secondary': '#3949ab',
+  '--secondary-variant': '#6f74dd',
 
   '--background': '#424242',
   '--surface': '#212121',
   '--dialog': '#757575',
 
-  '--on-primary': '#FFFFFF',
+  '--on-primary': '#000000',
   '--on-secondary': '#000000',
   '--on-background': '#FFFFFF',
   '--on-surface': '#FFFFFF',