diff --git a/src/components/layouts/TheHeader.vue b/src/components/layouts/TheHeader.vue
index 936ec04..a7b1dbf 100644
--- a/src/components/layouts/TheHeader.vue
+++ b/src/components/layouts/TheHeader.vue
@@ -432,7 +432,7 @@ router-link:hover {
   padding: 25px 10px;
 }
 .main-color {
-  background-color: #0D908B;
+  background-color: #eeeeee;
 }
 
 .border-none {
@@ -443,7 +443,7 @@ router-link:hover {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  background-color: #0D908B;
+  background-color: #eeeeee;
 
   height: 3.2rem;
   padding: 0 6.4rem;
@@ -482,7 +482,7 @@ router-link:hover {
   align-items: center;
   justify-content: center;
   height: 2.4rem;
-  color: #82a4dc;
+  color: #000000;
   font-weight: 500;
   font-size: 1rem;
   transition: all 0.3s;
@@ -499,11 +499,11 @@ router-link:hover {
 .nav-button {
   text-decoration: none;
   margin: 0 1.5rem;
-  color: #ffffff;
+  color: #000000;
 }
 
 .nav-button:hover {
-  color: #eaf0f9;
+  color: #000000;
 }
 
 a.router-link-exact-active {