From d547b72343d908f713c3a8a0ba5eeccb539baeec Mon Sep 17 00:00:00 2001
From: Navya Singh <navyasingh@microsoft.com>
Date: Wed, 21 Oct 2026 16:38:06 -0700
Subject: [PATCH] Distinguish the current Handbook topic in contrast themes

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 .../src/templates/documentation.scss               | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/typescriptlang-org/src/templates/documentation.scss b/packages/typescriptlang-org/src/templates/documentation.scss
index f7e32428d820..30de18485c84 100644
--- a/packages/typescriptlang-org/src/templates/documentation.scss
+++ b/packages/typescriptlang-org/src/templates/documentation.scss
@@ -143,6 +143,20 @@
         &.current {
           border-left: 2px solid #0078d4;
         }
+
+        @media (forced-colors: active) {
+          border-left-color: Canvas;
+
+          &.current {
+            border-left-color: Highlight;
+            font-weight: 600;
+          }
+
+          &:focus-visible {
+            outline: 2px solid Highlight;
+            outline-offset: -2px;
+          }
+        }
       }
     }