Add --toc-highlight-text-color variable

README.md

@@ -68,9 +68,11 @@ You can override theme variable by creating a file named `_variables.html` in yo
         --primary-text-color: #543631;
         /* Primary theme link color */
         --primary-link-color: #F9BB2D;
-        /* Secondary color: the background body color*/
+        /* Secondary color: the background body color */
         --secondary-color: #fcfaf6;
         --secondary-text-color: #303030;
+        /* Highlight text color of table of content */
+        --toc-highlight-text-color: #d46e13;
     }
 </style>
 ```

content/_index.md

@@ -72,9 +72,11 @@ You can override theme variable by creating a file named `_variables.html` in yo
         --primary-text-color: #543631;
         /* Primary theme link color */
         --primary-link-color: #F9BB2D;
-        /* Secondary color: the background body color*/
+        /* Secondary color: the background body color */
         --secondary-color: #fcfaf6;
         --secondary-text-color: #303030;
+        /* Highlight text color of table of content */
+        --toc-highlight-text-color: #d46e13;
     }
 </style>
 ```

sass/juice.scss

@@ -102,7 +102,7 @@ main {
   }
 
   .toc-item a.active, .toc-item-child a.active {
-    color: #d46e13;;
+    color: var(--toc-highlight-text-color);
   }
 
   .toc-item-child {

templates/_variables.html

@@ -6,8 +6,10 @@
         --primary-text-color: #543631;
         /* Primary theme link color */
         --primary-link-color: #F9BB2D;
-        /* Secondary color: the background body color*/
+        /* Secondary color: the background body color */
         --secondary-color: #fcfaf6;
         --secondary-text-color: #303030;
+        /* Highlight text color of table of content */
+        --toc-highlight-text-color: #d46e13;
     }
 </style>