diff --git a/src/app/components/creator/content-list/content-list.component.html b/src/app/components/creator/content-list/content-list.component.html
index e6dc728eec0e1c8387b7a4b79504c4a11afa227b..8d84de4ee25f196db78fd93003299373048ad06f 100644
--- a/src/app/components/creator/content-list/content-list.component.html
+++ b/src/app/components/creator/content-list/content-list.component.html
@@ -1,4 +1,4 @@
-<div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
+ <div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
   <mat-card>
     <mat-card-header>
       <mat-card-title>
diff --git a/src/app/components/creator/content-list/content-list.component.scss b/src/app/components/creator/content-list/content-list.component.scss
index d48250df0010d3f13cd64deb5d646d6a994cdedf..b18bfd992625698414569bef53201c91a9e76118 100644
--- a/src/app/components/creator/content-list/content-list.component.scss
+++ b/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);
+}
diff --git a/src/app/components/home/home-page/home-page.component.scss b/src/app/components/home/home-page/home-page.component.scss
index d20082412fe82d9467152f7691aff97756bf33d0..bb9dd76b9595fde43a8b4980d91798b961edf249 100644
--- a/src/app/components/home/home-page/home-page.component.scss
+++ b/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;
 }
diff --git a/src/app/components/shared/room-list/room-list.component.scss b/src/app/components/shared/room-list/room-list.component.scss
index 66f62efcb56028758a847c00e63126aaecc4a9bf..73265ef94f61f51d6cbdb444fa04de9ee2457f56 100644
--- a/src/app/components/shared/room-list/room-list.component.scss
+++ b/src/app/components/shared/room-list/room-list.component.scss
@@ -1,6 +1,6 @@
 button {
   margin-right: 10px;
-  color: var(--primary);
+  color: var(--secondary);
 }
 
 .mat-expansion-panel-header-description {
diff --git a/src/theme/dark-theme/darkTheme.const.ts b/src/theme/dark-theme/darkTheme.const.ts
index a5557f2fed25db6ad0a43ef4c4b829c1b9cdd15d..d31e4f3dea7697688199bbcd031933cc8840fadb 100644
--- a/src/theme/dark-theme/darkTheme.const.ts
+++ b/src/theme/dark-theme/darkTheme.const.ts
@@ -1,16 +1,16 @@
 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',