diff --git a/css/index.css b/css/index.css
index ab8da58..12c977d 100644
--- a/css/index.css
+++ b/css/index.css
@@ -28,6 +28,10 @@ body .semigray2 {
   color: #424242 !important;
 }
 
+body .nav a {
+  color: #333333 !important;
+}
+
 body .dropdown a{
   @apply
   px-0
@@ -54,6 +58,10 @@ body.dark-mode {
   color: #ffffff;
 }
 
+body.dark-mode .nav a {
+  color: #ffffff !important;
+}
+
 body.dark-mode .semigray {
   color: #e5e7eb !important;
 }
@@ -267,10 +275,6 @@ background-color:#5596f5 !important;
 }
 
 
-.blue{
-  color:#2E83FF
-}
-
 .nav p > a {
   display: flex;
   width: 100%;
diff --git a/templates/partials/header.html b/templates/partials/header.html
index da9b14c..d717ef9 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -236,12 +236,21 @@
 
 <style>
 
+  body .nav a {
+    color: #333333 !important;
+  }
+
+
+  body.dark-mode .nav a {
+    color: #ffffff !important;
+  }
+
   nav a:hover{
   color: #c7c7c7 !important;
 }
 
 .active{
-  color: #000000 !important;
+  color: rgb(100, 100, 100) !important;
 }
 .nav_btn:hover {
   color: #c7c7c7 !important;