From d7db43c16bfc89860273b99813ba4d1543909b72 Mon Sep 17 00:00:00 2001 From: Eugene Olonov Date: Mon, 19 Oct 2026 15:10:40 -0700 Subject: [PATCH] Revert forced colors color-scheme on audio and video players (#5906) In real dark high contrast themes (e.g. "Aquatic" on Windows 11), a fresh render with `color-scheme: light dark` shows no play, mute and "more options" icons on audio players and voice messages, while players without the rule show them. Forced colors emulation (DevTools/CDP) does not reach the media control icons, so the removed tests only showed the emulated rendering. This reverts the style rules, tests and unreleased changelog entry of commit eb6e7655cf0c8395c1ff3601cf0b2c7c72dff688. --- CHANGELOG.md | 1 - .../attachment/audio.forcedColors.dark.html | 79 ----------------- .../audio.forcedColors.dark.html.snap-1.png | Bin 11943 -> 0 bytes .../attachment/video.forcedColors.dark.html | 80 ------------------ .../video.forcedColors.dark.html.snap-1.png | Bin 8451 -> 0 bytes .../src/Styles/StyleSet/AudioContent.ts | 10 +-- .../src/Styles/StyleSet/VideoContent.ts | 9 +- 7 files changed, 2 insertions(+), 177 deletions(-) delete mode 100644 __tests__/html2/attachment/audio.forcedColors.dark.html delete mode 100644 __tests__/html2/attachment/audio.forcedColors.dark.html.snap-1.png delete mode 100644 __tests__/html2/attachment/video.forcedColors.dark.html delete mode 100644 __tests__/html2/attachment/video.forcedColors.dark.html.snap-1.png diff --git a/CHANGELOG.md b/CHANGELOG.md index d32d8a4300..ae36a358e7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -58,7 +58,6 @@ Legends: - Fixed code samples, such as in the "View code" dialog, titled "Javascript" instead of "JavaScript": common programming languages and their aliases, such as `js`, now show their proper names, which can be overridden via `overrideLocalizedStrings` (`PROGRAMMING_LANGUAGE_*`), in PR [#5896](https://github.com/microsoft/BotFramework-WebChat/pull/5896), by [@OEvgeny](https://github.com/OEvgeny) - Fixed code not being highlighted when the programming language is not in lowercase, such as `TS`, in PR [#5896](https://github.com/microsoft/BotFramework-WebChat/pull/5896), by [@OEvgeny](https://github.com/OEvgeny) - Fixed GIFs in animation cards looping with no way to stop them: they now have a pause button, and do not play when the user prefers reduced motion or the card has `autostart: false`; the icons of the Copy and View code buttons are now visible in forced colors, fixes [#5734](https://github.com/microsoft/BotFramework-WebChat/issues/5734), in PR [#5897](https://github.com/microsoft/BotFramework-WebChat/pull/5897), by [@OEvgeny](https://github.com/OEvgeny) -- Fixed the play, mute, and "more options" icons of audio players being invisible in dark high contrast themes, such as "Aquatic" on Windows, fixes [#5710](https://github.com/microsoft/BotFramework-WebChat/issues/5710), in PR [#5906](https://github.com/microsoft/BotFramework-WebChat/pull/5906), by [@OEvgeny](https://github.com/OEvgeny) - Fixed the "Positive" card action button having less than 4.5:1 color contrast, fixes [#5713](https://github.com/microsoft/BotFramework-WebChat/issues/5713), in PR [#5905](https://github.com/microsoft/BotFramework-WebChat/pull/5905), by [@OEvgeny](https://github.com/OEvgeny) - Fixed screen readers announcing a single audio, video, or animation in a card as a list item, such as "1 of 1", fixes [#5722](https://github.com/microsoft/BotFramework-WebChat/issues/5722), in PR [#5903](https://github.com/microsoft/BotFramework-WebChat/pull/5903), by [@OEvgeny](https://github.com/OEvgeny) - Fixed video and animation cards disappearing in production builds when the video URL is relative or invalid, in PR [#5889](https://github.com/microsoft/BotFramework-WebChat/pull/5889), by [@OEvgeny](https://github.com/OEvgeny) diff --git a/__tests__/html2/attachment/audio.forcedColors.dark.html b/__tests__/html2/attachment/audio.forcedColors.dark.html deleted file mode 100644 index 5d7713aea0..0000000000 --- a/__tests__/html2/attachment/audio.forcedColors.dark.html +++ /dev/null @@ -1,79 +0,0 @@ - - - - - - -
- - - - diff --git a/__tests__/html2/attachment/audio.forcedColors.dark.html.snap-1.png b/__tests__/html2/attachment/audio.forcedColors.dark.html.snap-1.png deleted file mode 100644 index dec4ad61f72bd01d2aa59e398fc11b6d8cba6a0d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 11943 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 - - - - - -
- - - - diff --git a/__tests__/html2/attachment/video.forcedColors.dark.html.snap-1.png b/__tests__/html2/attachment/video.forcedColors.dark.html.snap-1.png deleted file mode 100644 index 8b3ec78a682467eec332867111a6cf2a4cf2736b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8451 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 al@3z%D8e_NZ) diff --git a/packages/component/src/Styles/StyleSet/AudioContent.ts b/packages/component/src/Styles/StyleSet/AudioContent.ts index 02b8cdbc7b..d8b8dc6a2a 100644 --- a/packages/component/src/Styles/StyleSet/AudioContent.ts +++ b/packages/component/src/Styles/StyleSet/AudioContent.ts @@ -1,13 +1,5 @@ -import { FORCED_COLORS_SELECTOR } from './Constants'; - export default function AudioContent() { return { - width: '100%', - - // Chromium picks the player icons by the color scheme of the element, not by the forced colors palette, so dark palettes (e.g. "Aquatic" on Windows) get dark icons. - // TODO: Remove when Chromium is fixed, https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/modules/media_controls/resources/mediaControls.css. - [FORCED_COLORS_SELECTOR]: { - colorScheme: 'light dark' - } + width: '100%' }; } diff --git a/packages/component/src/Styles/StyleSet/VideoContent.ts b/packages/component/src/Styles/StyleSet/VideoContent.ts index 8ade197d13..9c23dcda52 100644 --- a/packages/component/src/Styles/StyleSet/VideoContent.ts +++ b/packages/component/src/Styles/StyleSet/VideoContent.ts @@ -1,15 +1,8 @@ import { StrictStyleOptions } from 'botframework-webchat-api'; -import { FORCED_COLORS_SELECTOR } from './Constants'; - export default function createVideoContentStyle({ videoHeight }: StrictStyleOptions) { return { height: videoHeight, - width: '100%', - - // Without a video track (e.g. a voice message), Chromium shows the controls of the audio player, which need the same workaround as `AudioContent`. - [FORCED_COLORS_SELECTOR]: { - colorScheme: 'light dark' - } + width: '100%' }; }