Color Picker on mobile

Increasing Access

Many aspects of the editor already work well on mobile. Color picker working on mobile supports beginners and users of p5.js on more devices.

However, it's possible the color picker on mobile opens additional challenges to web accessibility that I'm not aware of - in which case I don't think it would be worth it.

Feature enhancement details

One UX challenge of using editor on mobile is that touch is less precise than clicking. The color picker button is already small. MVP version of this feature would be to make existing button touch-triggered. However, this could be a bit annoying because it conflict with using touch to navigate different lines. Maybe having a separate mode, when he editor text area is not in focus, and the whole line that contains the color picker is highlighted and clickable to open up the color picker. Maybe there are also other ideas how to do this!

The issue does not name files or tests; start by locating the editor's existing color picker button and observing its behavior on mobile. Before implementation, agree on an accessible touch interaction and whether it should be limited to a separate editor mode; done means the color picker can be opened reliably on mobile without disrupting text navigation.