Skip to content

chore: improve loading text contrast in light mode#5140

Merged
walterbender merged 1 commit intosugarlabs:masterfrom
Om-A-osc:chore/loadingText
Jan 18, 2026
Merged

chore: improve loading text contrast in light mode#5140
walterbender merged 1 commit intosugarlabs:masterfrom
Om-A-osc:chore/loadingText

Conversation

@Om-A-osc
Copy link
Contributor

Resolves #5139

This PR improves the readability of the loading screen text in light mode by setting its color to #333.

Previously, the loading text used a very light gray that had low contrast against the white background, making it harder to read. The color #333 is already widely used throughout the Music Blocks codebase for primary text, so using it here keeps the UI visually consistent while significantly improving contrast and accessibility.

The change was made in the loading text element:

<div class="loading-text" id="loadingText"
     style="color:#333; margin-top: 2rem; min-height: 1.5em; font-size: 1.2rem;">

No functionality is affected — this is a small UI polish to improve clarity and user experience.
Screenshot from 2026-01-11 23-02-21

@github-actions
Copy link
Contributor

✅ All Jest tests passed! This PR is ready to merge.

@Om-A-osc
Copy link
Contributor Author

@kjcole @tchx84 @llaske Please review it.

@Om-A-osc
Copy link
Contributor Author

@walterbender please review and merge.

@walterbender
Copy link
Member

Did you test in dark mode too? It is OK?

@Om-A-osc
Copy link
Contributor Author

@walterbender Yes, It is clearly visible in both dark and light mode.

@walterbender walterbender merged commit 6ae89c1 into sugarlabs:master Jan 18, 2026
5 checks passed
021nirav-blip pushed a commit to 021nirav-blip/musicblocks that referenced this pull request Jan 28, 2026
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.

Low contrast loading text on light background

2 participants