diff --git a/src/app/components/shared/footer/footer.component.scss b/src/app/components/shared/footer/footer.component.scss
index fbb2409f2c08531e1687fb52a0713f12fe0a4be6..0f52d01b5a15cb721c07c5762f163c66894feca0 100644
--- a/src/app/components/shared/footer/footer.component.scss
+++ b/src/app/components/shared/footer/footer.component.scss
@@ -3,7 +3,7 @@ footer {
 }
 
 #footer-toolbar {
-  background-color: var(--primary-variant);
+  background-color: var(--surface);
   height: auto;
 
   &:first-child {
@@ -18,7 +18,7 @@ footer {
 .mat-button {
   min-height: 28px;
   font-size: 12px;
-  color: var(--on-primary);
+  color: var(--on-surface);
 }
 
 mat-icon {
diff --git a/src/app/components/shared/header/header.component.scss b/src/app/components/shared/header/header.component.scss
index 7fa26bcca50a016dcd384941cc2caef651c48c16..f6dd4d3737be2ea35a126aad416b6d0214936374 100644
--- a/src/app/components/shared/header/header.component.scss
+++ b/src/app/components/shared/header/header.component.scss
@@ -1,16 +1,16 @@
 .app-title {
   cursor: pointer;
   margin: 0 auto;
-  color: var(--on-primary);
+  color: var(--on-surface);
 }
 
 mat-toolbar {
-  background-color: var(--primary);
+  background-color: var(--surface);
   position: relative;
 }
 
 .header-icons {
-  color: var(--on-primary);
+  color: var(--on-surface);
 }
 
 .purple {
diff --git a/src/theme/dark-theme/darkTheme.const.ts b/src/theme/dark-theme/darkTheme.const.ts
index f86db1480a7003945bd35de19d98d59b106e295a..d2718ddd343e18754f1b4a0e735f86146fb8d1d2 100644
--- a/src/theme/dark-theme/darkTheme.const.ts
+++ b/src/theme/dark-theme/darkTheme.const.ts
@@ -1,13 +1,13 @@
 export const dark = {
 
-  '--primary' : '#4db6ac',
-  '--primary-variant': '#80cbc4',
+  '--primary' : '#bb86fc',
+  '--primary-variant': '#3700b3',
 
-  '--secondary': '#3949ab',
+  '--secondary': '#03dac6',
   '--secondary-variant': '#6f74dd',
 
-  '--background': '#424242',
-  '--surface': '#212121',
+  '--background': '#121212',
+  '--surface': '#1e1e1e',
   '--dialog': '#757575',
 
   '--on-primary': '#000000',