From d37e0066176f8e806f7e9d57599c9537e0eb617c Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 23 Mar 2026 06:44:28 +0000 Subject: [PATCH 1/3] Initial plan From b97c0bbd22d5d6e905d4bbad2413daa20d3b5f1b Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 23 Mar 2026 06:50:25 +0000 Subject: [PATCH 2/3] Fix high contrast selected state visibility for font radio buttons and mode buttons In Windows high contrast themes (Aquatic, Desert), the selected state of font radio buttons (Sans Serif/Serif) and mode buttons (Article, etc.) was not visually distinguishable due to forced-colors overriding hardcoded CSS colors. Add explicit high contrast rules using CSS system color keywords (Highlight, HighlightText) to clearly indicate the selected/active state. Co-authored-by: KethanaReddy7 <257986085+KethanaReddy7@users.noreply.github.com> Agent-Logs-Url: https://github.com/OneNoteDev/WebClipper/sessions/fc60bfbc-74fc-43f1-a7a2-e376898f9ca1 --- src/styles/clipper.less | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/src/styles/clipper.less b/src/styles/clipper.less index bbc2bb74..4433c2d5 100644 --- a/src/styles/clipper.less +++ b/src/styles/clipper.less @@ -267,7 +267,23 @@ forced-color-adjust: none; filter: drop-shadow(0 0 1px CanvasText) drop-shadow(0 0 1px CanvasText); } - + + // Ensure selected state of font radio buttons is visible in high contrast themes (Aquatic, Desert, etc.) + .control-button.active { + forced-color-adjust: none; + background-color: Highlight !important; + color: HighlightText !important; + border: 2px solid HighlightText !important; + } + + // Ensure selected state of mode buttons is visible in high contrast themes + .modeButton.selected { + forced-color-adjust: none; + background-color: Highlight !important; + color: HighlightText !important; + border: 2px solid HighlightText !important; + } + } @media screen and (-ms-high-contrast: black-on-white) { From dfeb274a4523c84b20fe57edbb73778aeafa0e51 Mon Sep 17 00:00:00 2001 From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com> Date: Thu, 26 Mar 2026 06:46:22 +0000 Subject: [PATCH 3/3] Remove mode button high contrast styling per review feedback Co-authored-by: KethanaReddy7 --- src/styles/clipper.less | 8 -------- 1 file changed, 8 deletions(-) diff --git a/src/styles/clipper.less b/src/styles/clipper.less index 4433c2d5..f7be6942 100644 --- a/src/styles/clipper.less +++ b/src/styles/clipper.less @@ -276,14 +276,6 @@ border: 2px solid HighlightText !important; } - // Ensure selected state of mode buttons is visible in high contrast themes - .modeButton.selected { - forced-color-adjust: none; - background-color: Highlight !important; - color: HighlightText !important; - border: 2px solid HighlightText !important; - } - } @media screen and (-ms-high-contrast: black-on-white) {