Steps to replicate the issue (include links if applicable):

• On any beta wiki where Side menus (Tools and Appearance) are present, click to move them to the sidebar
• Then click on 'Hide' to hide those menus
• When you click on 'Hide', the menus are hidden and the popup message appears:

• Switch to Dark mode via Appearance menu

What happens?:
The following element won't display any content:
<div class="oo-ui-popupWidget-popup"><div class="oo-ui-clippableElement-clippable oo-ui-popupWidget-body oo-ui-popupWidget-body-padded" style=""><p>The tools menu has moved here.</p></div></div>

What should have happened instead?:
The content of the popups should be readable (black text on white background is OK)

Software version :

• checked on beta

Signoff criteria

• Create ticket for making this notice appear in dark mode

Requirement

Ensure that the popupWidget content is visible and readable in dark mode.

BDD

gherkin
Feature: PopupWidget Content Visibility in Dark Mode

  Scenario: Ensure PopupWidget content is visible in dark mode
    Given the user has enabled dark mode
    When the user views the popupWidget
    Then the content of the popupWidget should be visible and readable

Test Steps

Test Case 1: Ensure PopupWidget Content is Visible in Dark Mode

1. On any beta wiki where side menus (Tools and Appearance) are present, switch to dark mode via the Appearance menu.
2. Click to move the side menus to the sidebar.
3. Click on 'Hide' to hide those menus.
4. AC1: Confirm that the content of the popupWidget is visible and readable.

QA Results - Beta