From 110209dd32bd7b828abccfb773ae2207f36c1147 Mon Sep 17 00:00:00 2001 From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com> Date: Tue, 25 Aug 2026 03:30:30 +0530 Subject: [PATCH] feat(theme): add --vp-local-nav-divider-color The local nav's bottom rule reads its own token instead of a hardcoded gutter color. It follows --vp-nav-divider-color by default, like the surface color follows the navbar's. Co-Authored-By: Claude Fable 5 --- src/client/theme-default/components/VPLocalNav.vue | 2 +- src/client/theme-default/styles/vars.css | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue index 254aff13..27dcda67 100644 --- a/src/client/theme-default/components/VPLocalNav.vue +++ b/src/client/theme-default/components/VPLocalNav.vue @@ -71,7 +71,7 @@ const isScrolled = computed(() => y.value >= navHeight.value) /*rtl:ignore*/ left: 0; z-index: var(--vp-z-index-local-nav); - border-bottom: 1px solid var(--vp-c-gutter); + border-bottom: 1px solid var(--vp-local-nav-divider-color); padding-top: var(--vp-layout-top-height, 0px); width: 100%; } diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css index aa1daaa0..f95c80c3 100644 --- a/src/client/theme-default/styles/vars.css +++ b/src/client/theme-default/styles/vars.css @@ -536,6 +536,12 @@ * frosted-glass treatment to the local nav as well. */ --vp-local-nav-bg-color: var(--vp-nav-bg-color); + + /** + * The local nav's bottom rule. Follows the navbar's divider color by + * default. + */ + --vp-local-nav-divider-color: var(--vp-nav-divider-color); } /**