Skip to content

Fixed the trash color inconsistency in dark mode#5311

Merged
walterbender merged 2 commits intosugarlabs:masterfrom
kh-ub-ayb:trash-color-fix
Feb 3, 2026
Merged

Fixed the trash color inconsistency in dark mode#5311
walterbender merged 2 commits intosugarlabs:masterfrom
kh-ub-ayb:trash-color-fix

Conversation

@kh-ub-ayb
Copy link
Contributor

@kh-ub-ayb kh-ub-ayb commented Jan 24, 2026

Summary

In dark mode, the Trash View UI elements were using light-mode styles.
This PR adds missing dark mode styles for the Trash View components to improve visual consistency when the application is in dark mode.

BEFORE:

Screenshot 2026-01-24 212619

AFTER:

Screenshot 2026-01-24 214809

FIXES : #5350

@github-actions
Copy link
Contributor

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

@kh-ub-ayb
Copy link
Contributor Author

@walterbender @omsuneri please review

@walterbender
Copy link
Member

Seems hard to see the blocks in the trash with this change. Maybe those colors need adjusting as well in DarkMode?

@github-actions
Copy link
Contributor

github-actions bot commented Feb 3, 2026

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

@kh-ub-ayb
Copy link
Contributor Author

I've addressed the block icon visibility issue in dark mode.
Added a lighter background color behind each icon for better contrast

Screenshot 2026-02-03 112251

@walterbender @omsuneri

@walterbender
Copy link
Member

Looks much better.

@walterbender walterbender merged commit 82654e8 into sugarlabs:master Feb 3, 2026
6 checks passed
vanshika2720 pushed a commit to vanshika2720/musicblocks that referenced this pull request Feb 11, 2026
* Fixed the color inconsistency in dark mode

* Improve block icon visibility in dark mode trash view
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI/UX] Trash View not styled in Dark Mode

2 participants