diff --git a/docs/src/styles/index.css b/docs/src/styles/index.css
index 9d9b4351..00f2f673 100644
--- a/docs/src/styles/index.css
+++ b/docs/src/styles/index.css
@@ -396,6 +396,7 @@ h2.heading {
 /* Highlight TOC header link matching the current scroll position */
 .current-header-link {
     background-color: var(--theme-bg-accent);
+    border-inline-start-color: var(--theme-accent);
     /* Indicates the current heading for forced colors users in older browsers */
     outline: 1px solid transparent;
 }
diff --git a/docs/src/styles/theme.css b/docs/src/styles/theme.css
index 9db0db62..9455d8c3 100644
--- a/docs/src/styles/theme.css
+++ b/docs/src/styles/theme.css
@@ -75,6 +75,7 @@ body {
     --theme-bg: #222222;
     --theme-bg-hover: hsla(var(--color-gray-40), 1);
     --theme-bg-offset: hsla(var(--color-gray-5), 1);
+    --theme-bg-accent: hsla(var(--color-green), var(--theme-accent-opacity));
     --theme-code-inline-bg: hsla(var(--color-gray-10), 1);
     --theme-code-inline-text: hsla(var(--color-base-white), 100%, 1);
     --theme-code-bg: hsla(var(--color-gray-5), 1);