Skip to content

[Adaptive Cards - Home Page] - Complete 'Adaptive Cards' page are not adapting the dark theme. #9334

@Rishikesh6521

Description

@Rishikesh6521

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test Environment:
URL: https://adaptivecards.io/
OS Version: 25H2 (OS Build 26200.5761)
Browser Version: Version 145.0.3734.1 (Official build) dev (64-bit)

Pre-requisites:
Turn on Dark mode (Navigation Path: System Settings> Personalization > Colors > Choose your mode >Dark theme)

Repro Steps:

  1. Open the above URL on the Edge Dev browser.
  2. Navigate on the page using tab key.
  3. Verify that, complete 'Adaptive Cards' page are adapting the dark theme or not.

Actual Result:
The Complete 'Adaptive Cards' page does not adapt to the dark theme. When the system is switched to dark mode, the Adaptive Cards continue to display using light theme styling instead of updating to dark theme colors.

Note:
Same issue replicates throughout the complete 'Adaptive Cards' site.

Expected Result:
The Complete Adaptive Cards page should adapt correctly to the dark theme when dark mode is enabled. All Adaptive Cards should update their background, text, and UI elements to match dark theme styles. The appearance should remain consistent with the application’s dark theme guidelines.

User Experience:
Users viewing the complete 'Adaptive Cards' page in dark mode may experience visual inconsistency due to light theme styling. This can cause discomfort and make content harder to read in low-light environments. It may also impact users who prefer or rely on dark mode for better usability.

Have feedback to share on Bugs ? please tag bug as “A11yRCA” and add your feedback in the comment section

Screenshots

Complete.Adaptive.Cards.page.are.not.adapting.the.dark.theme.mp4

Image

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions