Skip to content

fix: add dark mode support for UE-Trial modal dialogs#1063

Merged
mhaack merged 4 commits intomainfrom
fix/ue-trial-dark-mode-modals
Feb 17, 2026
Merged

fix: add dark mode support for UE-Trial modal dialogs#1063
mhaack merged 4 commits intomainfrom
fix/ue-trial-dark-mode-modals

Conversation

@bpauli
Copy link
Copy Markdown
Collaborator

@bpauli bpauli commented Feb 16, 2026

Summary

  • Adds dark mode CSS overrides for the status container (progress dialog) and modal dialog in the UE-Trial block
  • Uses existing --color-gray-* CSS variables and :where(html[data-theme="dark"]) pattern for consistency with the rest of the site
  • Covers all modal sub-elements: backgrounds, borders, text colors, spinner, step items (including completed/error states), close button, and error container

Fixes #1062

Test plan

@aem-code-sync
Copy link
Copy Markdown

aem-code-sync Bot commented Feb 16, 2026

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

@aem-code-sync
Copy link
Copy Markdown

aem-code-sync Bot commented Feb 16, 2026

Page Scores Audits Google
📱 /developer/aem-playground PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI
🖥️ /developer/aem-playground PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

Dark mode overrides for modals (appended to document.body, outside
.ue-trial) cannot be scoped under .ue-trial, so disable the rule
for the dark mode override section.
@aem-code-sync aem-code-sync Bot temporarily deployed to fix/ue-trial-dark-mode-modals February 16, 2026 19:55 Inactive
@aem-code-sync aem-code-sync Bot temporarily deployed to fix/ue-trial-dark-mode-modals February 16, 2026 20:00 Inactive
@terinmez
Copy link
Copy Markdown

Almost :) the final dialog is still white:
Screenshot 2026-02-17 at 04 33 36
Screenshot 2026-02-17 at 04 34 35

The dark mode override had the same specificity as the base rule but
appeared earlier in the file, so the base rule won. Moved it to appear
after the base rule so it correctly overrides in dark mode.
@mhaack mhaack merged commit a9d8cf4 into main Feb 17, 2026
7 checks passed
@mhaack mhaack deleted the fix/ue-trial-dark-mode-modals branch February 17, 2026 09:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[bug] UE-Trial modal dialogs do not adapt to dark mode

3 participants