diff --git a/src/css/custom.css b/src/css/custom.css
index 66d86ae6ac..c01d1a2ed6 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -1032,21 +1032,32 @@ hr {
   color: white !important;
 }
 
-:root[data-theme="light"] .table-of-contents__link:hover,
-:root[data-theme="light"] .table-of-contents__link:hover code {
+:root[data-theme="light"] .table-of-contents__link:hover{
   color: rgb(26, 32, 44) !important;
 }
 
-:root[data-theme="dark"] .table-of-contents__link:hover,
-:root[data-theme="dark"] .table-of-contents__link:hover code {
+:root[data-theme="dark"] .table-of-contents__link:hover{
   color: #f7fafc !important;
 }
 
-.table-of-contents__link--active code {
+.table-of-contents__link.table-of-contents__link--active code {
   color: white;
   background: var(--dark-color);
 }
 
+.table-of-contents__link.table-of-contents__link--active:hover code {
+  color: white;
+  background: var(--dark-color);
+}
+
+.table-of-contents__link:hover code {
+  color: var(--menu-link-code);
+}
+
+.table-of-contents__link code {
+  color: var(--menu-link-code);
+}
+
 .pagination-nav__label {
   color: var(--main-font-color);
 }
diff --git a/src/css/theming.css b/src/css/theming.css
index b3f46a8f32..6eb7371b93 100644
--- a/src/css/theming.css
+++ b/src/css/theming.css
@@ -92,7 +92,7 @@
   --brand-primary: rgb(90, 103, 216);
   --ifm-hover-overlay: var(--indigo-700);
   /* Code blocks */
-  --code-inner-color: #718096;
+  --code-inner-color: #A0AEC0;
   --code-token1-color: #d5408c;
   --code-token2-color: #805ad5;
   --code-token3-color: #319795;
@@ -125,6 +125,7 @@
   background-color: var(--white-color);
 
   --homepage-header-bg: rgb(247, 250, 252);
+  --menu-link-code: #4A5568;
   /* Colors */
   --indigo-100: #ebf4ff;
   --indigo-200: #c3dafe;
@@ -225,7 +226,7 @@ html[data-theme="dark"] {
   --ifm-navbar-background-color: var(--gray-1000);
   --ifm-navbar-link-color: #e2e8f0;
   /* Code blocks */
-  --code-inner-color: #718096;
+  --code-inner-color: #4A5568;
   --code-token1-color: #d5408c;
   --code-token2-color: #805ad5;
   --code-token3-color: #319795;
@@ -249,6 +250,7 @@ html[data-theme="dark"] {
   --grey-bg-color: #8fa6b2;
   --dark-color: rgb(12, 52, 75);
   --homepage-header-bg: var(--gray-900);
+  --menu-link-code: #E2E8F0;
 }
 
 /* PRIMITES WITH THEME DEFINED */
@@ -328,7 +330,7 @@ html[data-theme="dark"] {
     --brand-primary: rgb(90, 103, 216);
     --ifm-hover-overlay: var(--indigo-700);
     /* Code blocks */
-    --code-inner-color: #718096;
+    --code-inner-color: #A0AEC0;
     --code-token1-color: #d5408c;
     --code-token2-color: #805ad5;
     --code-token3-color: #319795;
@@ -360,6 +362,7 @@ html[data-theme="dark"] {
     color: var(--main-font-color);
     background-color: var(--white-color);
     --homepage-header-bg: rgb(247, 250, 252);
+    --menu-link-code: #4A5568;
     /* Colors */
     --indigo-100: #ebf4ff;
     --indigo-200: #c3dafe;
@@ -446,7 +449,7 @@ html[data-theme="dark"] {
     --ifm-navbar-background-color: var(--gray-1000);
     --ifm-navbar-link-color: #e2e8f0;
     /* Code blocks */
-    --code-inner-color: #718096;
+    --code-inner-color: #4A5568;
     --code-token1-color: #d5408c;
     --code-token2-color: #805ad5;
     --code-token3-color: #319795;
@@ -471,6 +474,7 @@ html[data-theme="dark"] {
     --dark-color: rgb(12, 52, 75);
 
     --homepage-header-bg: var(--gray-900);
+    --menu-link-code: #E2E8F0;
   }
 }