From 1a7a4a4469c9f267c877f17b821afac3425d34bc Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 30 Jan 2026 09:37:50 +0000 Subject: [PATCH 1/3] Initial plan From 964d08fd1f3283f0efdc9fd49118a1559eec660e Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 30 Jan 2026 09:41:59 +0000 Subject: [PATCH 2/3] Add high contrast focus indicator for active control buttons Co-authored-by: KethanaReddy7 <257986085+KethanaReddy7@users.noreply.github.com> --- package-lock.json | 2 +- src/styles/clipper.less | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/package-lock.json b/package-lock.json index 13e4015b..50484e77 100644 --- a/package-lock.json +++ b/package-lock.json @@ -25001,7 +25001,7 @@ "requires": { "debuglog": "^1.0.1", "dezalgo": "^1.0.0", - "graceful-fs": "4.2.2", + "graceful-fs": "^4.1.2", "once": "^1.3.0" } }, diff --git a/src/styles/clipper.less b/src/styles/clipper.less index bbc2bb74..c0642386 100644 --- a/src/styles/clipper.less +++ b/src/styles/clipper.less @@ -261,6 +261,12 @@ outline-offset: 2px !important; } + // Ensure active control buttons have visible focus indicators + .control-button.active:focus { + outline: solid 2px Highlight !important; + outline-offset: 2px !important; + } + // Ensure icons are visible in all high contrast themes img, .icon { From abf67f1fa5e6f958e90c10469028600cb1bdbd8f Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 30 Jan 2026 09:44:37 +0000 Subject: [PATCH 3/3] Refactor: Add .control-button:focus to high contrast media query Co-authored-by: KethanaReddy7 <257986085+KethanaReddy7@users.noreply.github.com> --- src/styles/clipper.less | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/src/styles/clipper.less b/src/styles/clipper.less index c0642386..6f1d171f 100644 --- a/src/styles/clipper.less +++ b/src/styles/clipper.less @@ -256,13 +256,8 @@ a:focus, button:focus, [role="button"]:focus, - .wideActionButton:focus { - outline: solid 2px Highlight !important; - outline-offset: 2px !important; - } - - // Ensure active control buttons have visible focus indicators - .control-button.active:focus { + .wideActionButton:focus, + .control-button:focus { outline: solid 2px Highlight !important; outline-offset: 2px !important; }