From 045d4e4f2a3a52dbde4232576114e33289349cc7 Mon Sep 17 00:00:00 2001
From: Zeding Zhang <zeding@zedingzhang.com>
Date: Sun, 13 Sep 2026 01:46:51 +0800
Subject: [PATCH 1/2] FIX: improve selected configuration path contrast

---
 frontend/src/components/EditorWorkspace.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/EditorWorkspace.tsx b/frontend/src/components/EditorWorkspace.tsx
index 757d1a6684..13f6d555b4 100644
--- a/frontend/src/components/EditorWorkspace.tsx
+++ b/frontend/src/components/EditorWorkspace.tsx
@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react'
 
-import { Button, makeStyles, Text, tokens } from '@fluentui/react-components'
+import { Button, makeStyles, mergeClasses, Text, tokens } from '@fluentui/react-components'
 
 import {
   MINIMUM_TOUCH_TARGET_SIZE,
@@ -92,6 +92,9 @@ const useStyles = makeStyles({
     textOverflow: 'ellipsis',
     whiteSpace: 'nowrap',
   },
+  selectedSecondaryText: {
+    color: tokens.colorNeutralForegroundOnBrand,
+  },
   editorPane: {
     display: 'flex',
     flexDirection: 'column',
@@ -141,7 +144,15 @@ export default function EditorWorkspace({
                 <span className={styles.navigationContent}>
                   <span>{item.label}</span>
                   {item.secondaryText && (
-                    <span className={styles.secondaryText} title={item.secondaryText}>{item.secondaryText}</span>
+                    <span
+                      className={mergeClasses(
+                        styles.secondaryText,
+                        item.id === selectedId && styles.selectedSecondaryText,
+                      )}
+                      title={item.secondaryText}
+                    >
+                      {item.secondaryText}
+                    </span>
                   )}
                 </span>
               </Button>

From 6156b6f18d843478b21725a24fd4885628aa3f0c Mon Sep 17 00:00:00 2001
From: Roman Lutz <romanlutz13@gmail.com>
Date: Mon, 14 Sep 2026 14:57:04 -0700
Subject: [PATCH 2/2] FIX: preserve selected path contrast in high-contrast
 mode

Inherit the primary button foreground so selected paths follow system colors across hover, pressed, and focus states.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
---
 frontend/src/components/EditorWorkspace.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/EditorWorkspace.tsx b/frontend/src/components/EditorWorkspace.tsx
index 13f6d555b4..a40f054816 100644
--- a/frontend/src/components/EditorWorkspace.tsx
+++ b/frontend/src/components/EditorWorkspace.tsx
@@ -93,7 +93,7 @@ const useStyles = makeStyles({
     whiteSpace: 'nowrap',
   },
   selectedSecondaryText: {
-    color: tokens.colorNeutralForegroundOnBrand,
+    color: 'inherit',
   },
   editorPane: {
     display: 'flex',