diff --git a/src/styles/css-config/base.css b/src/styles/css-config/base.css
index d5872da..8d2119c 100644
--- a/src/styles/css-config/base.css
+++ b/src/styles/css-config/base.css
@@ -43,6 +43,8 @@ html {
   --text-dark: var(--white) 0 18;
   --text-darker: var(--white) 0 30;
   --link: var(--green) 74 39;
+  --toc-link: var(--green) 74 30;
+  --toc-link-active: var(--green) 74 40;
   --prop-color: 350 78 70;
   --prop-link-color: 350 78 60;
   --func-color: 50 68 50;
@@ -96,6 +98,8 @@ html.dark {
   --text-dark: var(--white) 0 70;
   --text-darker: var(--white) 0 40;
   --link: var(--green) 76 54;
+  --toc-link: var(--green) 74 40;
+  --toc-link-active: var(--green) 74 50;
   --prop-color: 350 78 70;
   --prop-link-color: 350 78 60;
   --func-color: 50 78 70;
diff --git a/src/styles/docs/toc/toc.css b/src/styles/docs/toc/toc.css
index b0ddd42..7ed85db 100644
--- a/src/styles/docs/toc/toc.css
+++ b/src/styles/docs/toc/toc.css
@@ -111,7 +111,7 @@
 
     & .toc_a {
       transition: color 0.33s;
-      color: hsl(var(--green) 72 40);
+      color: hsl(var(--toc-link));
     }
 
     & ul {
@@ -123,7 +123,7 @@
 
       &.active {
         & > .toc_a {
-          color: hsl(var(--green) 72 60);
+          color: hsl(var(--toc-link-active));
         }
       }
     }