diff --git a/layouts/partials/header/basic.html b/layouts/partials/header/basic.html
index 18aab05e..50fc50f6 100644
--- a/layouts/partials/header/basic.html
+++ b/layouts/partials/header/basic.html
@@ -145,7 +145,7 @@
                         {{ partial "icon.html" .Pre }}
                       </span>
                     {{ end }}
-                    <p class="text-sm font-sm text-gray-500 hover:text-gray-900" title="{{ .Title }}">
+                    <p class="text-sm font-sm" title="{{ .Title }}">
                       {{ .Name | markdownify }}
                     </p>
                   </a>
@@ -245,7 +245,7 @@
   <div class="flex flex-1 items-center justify-between">
     <nav class="flex space-x-3">
       {{ if not .Site.Params.disableTextInHeader | default true }}
-        <a href="{{ "" | relLangURL }}" class="text-base font-medium text-gray-500 hover:text-gray-900">
+        <a href="{{ "" | relLangURL }}" class="text-base font-medium">
           {{ .Site.Title | markdownify }}
         </a>
       {{ end }}
@@ -274,7 +274,7 @@
               {{ partial "icon.html" .Pre }}
             </span>
           {{ end }}
-          <p class="text-xs font-light text-gray-500 hover:text-gray-900" title="{{ .Title }}">
+          <p class="text-xs font-light" title="{{ .Title }}">
             {{ .Name | markdownify }}
           </p>
         </a>
diff --git a/layouts/partials/header/header-mobile-option-nested.html b/layouts/partials/header/header-mobile-option-nested.html
index bcbd0a2a..9670c36e 100644
--- a/layouts/partials/header/header-mobile-option-nested.html
+++ b/layouts/partials/header/header-mobile-option-nested.html
@@ -1,7 +1,7 @@
 <li class="mt-1">
   <a
     href="{{ .URL }}"
-    class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+    class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
     {{ if .Pre }}
       <span {{ if and .Pre .Name }}class="mr-1"{{ end }}>
         {{ partial "icon.html" .Pre }}
@@ -24,7 +24,7 @@
       }}
         target="_blank"
       {{ end }}
-      class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+      class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
       {{ if .Pre }}
         <span {{ if and .Pre .Name }}class="mr-1"{{ end }}>
           {{ partial "icon.html" .Pre }}
diff --git a/layouts/partials/header/header-mobile-option-simple.html b/layouts/partials/header/header-mobile-option-simple.html
index 98a77b33..c6aff603 100644
--- a/layouts/partials/header/header-mobile-option-simple.html
+++ b/layouts/partials/header/header-mobile-option-simple.html
@@ -6,7 +6,7 @@
     }}
       target="_blank"
     {{ end }}
-    class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+    class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
     {{ if .Pre }}
       <div {{ if and .Pre .Name }}class="mr-2"{{ end }}>
         {{ partial "icon.html" .Pre }}
diff --git a/layouts/partials/header/header-option-nested.html b/layouts/partials/header/header-option-nested.html
index 7e96d98b..9110f2ea 100644
--- a/layouts/partials/header/header-option-nested.html
+++ b/layouts/partials/header/header-option-nested.html
@@ -12,7 +12,7 @@
           target="_blank"
         {{ end }}
       {{ end }}
-      class="text-base font-medium text-gray-500 hover:text-primary-600 dark:hover:text-primary-400"
+      class="text-base font-medium hover:text-primary-600 dark:hover:text-primary-400"
       title="{{ .Title }}">
       <p>
         {{ .Name | markdownify }}
@@ -31,7 +31,7 @@
             {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" ) }}
               target="_blank"
             {{ end }}
-            class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+            class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
             {{ if .Pre }}
               <span {{ if and .Pre .Name }}class="mr-1"{{ end }}>
                 {{ partial "icon.html" .Pre }}
diff --git a/layouts/partials/header/header-option-simple.html b/layouts/partials/header/header-option-simple.html
index a934a5b9..cfae8e22 100644
--- a/layouts/partials/header/header-option-simple.html
+++ b/layouts/partials/header/header-option-simple.html
@@ -1,7 +1,7 @@
 <a
   href="{{ .URL }}"
   {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" ) }}target="_blank"{{ end }}
-  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+  class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
   {{ if .Pre }}
     <span {{ if and .Pre .Name }}class="mr-1"{{ end }}>
       {{ partial "icon.html" .Pre }}
diff --git a/layouts/partials/translations.html b/layouts/partials/translations.html
index 4f1bb2c8..40bf6b7b 100644
--- a/layouts/partials/translations.html
+++ b/layouts/partials/translations.html
@@ -5,7 +5,7 @@
         {{ partial "icon.html" "language" }}
       </span>
       <div
-        class="text-sm font-medium text-gray-500 hover:text-primary-600 dark:hover:text-primary-400"
+        class="text-sm font-medium hover:text-primary-600 dark:hover:text-primary-400"
         title="{{ .Title }}">
         {{- i18n "global.language" | markdownify -}}
       </div>
@@ -16,7 +16,7 @@
           {{ range .AllTranslations }}
             <a href="{{ .RelPermalink }}" class="flex items-center">
               <p
-                class="text-sm font-sm text-gray-500 hover:text-primary-600 dark:hover:text-primary-400"
+                class="text-sm font-sm hover:text-primary-600 dark:hover:text-primary-400"
                 title="{{ .Title }}">
                 {{ .Language.Params.displayName | emojify }}
               </p>