UI Text Blending Issue in Dark Theme on Group Configuration Page

Description:

On the “Configure Community” page for groups, the announcement message (We are aware of an issue which might affect your R$ balance...) is not properly visible when Dark Theme is enabled.
The background of the announcement does not adjust for Dark Theme, staying very light, which causes the white text to blend into it and become almost invisible.
As a result, the important message is unreadable unless users switch to Light Theme.
The background and text colors should adapt to the selected theme to maintain readability and proper accessibility.

Reproduction Steps:

  1. Go to roblox.com and log into your account.
  2. Visit https://www.roblox.com/my/account to access your account settings.
  3. Under the Account Info tab, scroll down to the Personal section.
  4. Find the Theme option and change it to Dark.
  5. From the left-hand sidebar, click on Communities.
  6. In the “Communities” page, click the Create Community button. (Create a group if you do not already have one.)
  7. Navigate to your group’s page.
  8. Click the three dots (“…”) next to the group’s name.
  9. Select Configure Community from the dropdown menu.
  10. Observe the announcement message displayed at the top of the page.

Observed Behavior:

When using Dark Theme, the announcement text becomes extremely difficult to read due to low contrast between the light background and the white text. The message appears almost invisible.

Expected Behavior:

The background color behind the announcement should adapt based on the selected theme (Dark or Light Theme).
In Dark Theme, it should be dark enough to provide sufficient contrast with the white text, ensuring that the message remains fully readable.

Dark Theme:

Light Theme:

1 Like

All sorted now, appreciate the quick fix!

1 Like