From d9e88c30222b6f1fbdd28220a84757945b4ed96a Mon Sep 17 00:00:00 2001 From: Ben C Date: Sun, 16 Jul 2023 20:13:34 -0400 Subject: [PATCH] Fix scroll spy styling --- docs/src/styles/index.css | 1 + docs/src/styles/theme.css | 1 + 2 files changed, 2 insertions(+) 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);