diff --git a/assets/scss/_sidebar-tree.scss b/assets/scss/_sidebar-tree.scss
index a1e224f67..afc7da789 100644
--- a/assets/scss/_sidebar-tree.scss
+++ b/assets/scss/_sidebar-tree.scss
@@ -81,6 +81,7 @@
   
       &.active {
         font-weight: $font-weight-bold;
+        color: $secondary;
       }
     }
   
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 488cca3a1..49f5b1d9e 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -64,7 +64,12 @@
 {{ end -}}
 */ -}}
 
-
+<script>
+document.addEventListener('DOMContentLoaded',()=>{const n=s=>(s||'').replace(/\/+$/,''); const cur=n(location.pathname); let b=null,l=-1;
+document.querySelectorAll('.td-sidebar-nav a[href]').forEach(a=>{const p=n(new URL(a.getAttribute('href'),location).pathname); if(p&&(cur===p||cur.startsWith(p+'/'))&&p.length>l){b=a;l=p.length}});
+if(!b)return; b.classList.add('active');
+for(let e=b.parentElement;e&&!e.classList.contains('td-sidebar-nav');e=e.parentElement){ if(e.tagName==='LI'){const pa=e.querySelector(':scope > a'); if(pa)pa.classList.add('active'); const ul=e.querySelector(':scope > ul'); if(ul)ul.classList.add('show')}}});
+</script>
 
 {{ define "algolia/head" -}}
 
@@ -79,4 +84,4 @@
       For details, see https://www.docsy.dev/docs/adding-content/search/#algolia-docsearch.` -}}
 {{ end -}}
 
-{{ end -}}
+{{ end -}}
\ No newline at end of file