From 6d6b4affbb8efc2545facfdb28f945e72509a7af Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zeno@gitbook.io>
Date: Sun, 8 Jun 2025 04:35:45 +0100
Subject: [PATCH] Make icons for page groups more contrasting

---
 .changeset/sharp-jeans-burn.md                               | 5 +++++
 .../gitbook/src/components/TableOfContents/TOCPageIcon.tsx   | 2 +-
 .../src/components/TableOfContents/ToggleableLinkItem.tsx    | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/sharp-jeans-burn.md

diff --git a/.changeset/sharp-jeans-burn.md b/.changeset/sharp-jeans-burn.md
new file mode 100644
index 0000000000..c990f8b7bf
--- /dev/null
+++ b/.changeset/sharp-jeans-burn.md
@@ -0,0 +1,5 @@
+---
+"gitbook": patch
+---
+
+Make icons for page groups more contrasting
diff --git a/packages/gitbook/src/components/TableOfContents/TOCPageIcon.tsx b/packages/gitbook/src/components/TableOfContents/TOCPageIcon.tsx
index aef502c446..266f3c1e2b 100644
--- a/packages/gitbook/src/components/TableOfContents/TOCPageIcon.tsx
+++ b/packages/gitbook/src/components/TableOfContents/TOCPageIcon.tsx
@@ -13,7 +13,7 @@ export function TOCPageIcon({ page }: { page: RevisionPage }) {
             page={page}
             style={tcls(
                 'text-base',
-                'text-tint-strong/6',
+                '[.toclink_&]:text-tint-strong/6',
                 'group-aria-current-page/toclink:text-primary-subtle',
                 'contrast-more:group-aria-current-page/toclink:text-primary',
 
diff --git a/packages/gitbook/src/components/TableOfContents/ToggleableLinkItem.tsx b/packages/gitbook/src/components/TableOfContents/ToggleableLinkItem.tsx
index 92502433ba..b118501f4c 100644
--- a/packages/gitbook/src/components/TableOfContents/ToggleableLinkItem.tsx
+++ b/packages/gitbook/src/components/TableOfContents/ToggleableLinkItem.tsx
@@ -67,7 +67,7 @@ function LinkItem(
             insights={insights}
             aria-current={isActive ? 'page' : undefined}
             className={tcls(
-                'group/toclink relative transition-colors',
+                'group/toclink toclink relative transition-colors',
                 'flex flex-row justify-between',
                 'circular-corners:rounded-2xl rounded-md straight-corners:rounded-none p-1.5 pl-3',
                 'text-balance font-normal text-sm text-tint-strong/7 hover:bg-tint-hover hover:text-tint-strong contrast-more:text-tint-strong',