Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Light Theme: Simulator toggle button color issue? #6761

Open
eanders-ms opened this issue Mar 7, 2025 · 3 comments
Open

Light Theme: Simulator toggle button color issue? #6761

eanders-ms opened this issue Mar 7, 2025 · 3 comments
Assignees

Comments

@eanders-ms
Copy link
Collaborator

When toggled on, the maroon button color seems off-theme:

Image

Perhaps just make it darker? Something along the lines of the "..." button here:

Image

@abchatra abchatra added the Theme label Mar 7, 2025
@abchatra abchatra added this to the Arcade March release milestone Mar 7, 2025
@abchatra abchatra added the p2 label Mar 7, 2025
@thsparks
Copy link
Contributor

thsparks commented Mar 7, 2025

@eanders-ms how strongly do you feel about this one? I personally like that it stays red, similar to how I like that the debug stays orange. But I can change it if you/others think it's too much (or I could use a different shade of red).

@thsparks
Copy link
Contributor

thsparks commented Mar 7, 2025

Matches microbit current released behavior:

Image

@eanders-ms
Copy link
Collaborator Author

The two aren't equivalent. Using gray/red to indicate on/off clearly communicates on/off state because there's a stark contrast between them. Using two saturated colors with similar intensity leads to confusion about which color indicates "on", increasing cognitive load.

In addition, the contrast ratio here is likely an accessibility concern. These colors are very similar in intensity. This issue is more obvious when the images are desaturated:

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants