I’ve been working on an electron app that features light/dark modes and I noticed that on macOS (haven’t checked others), the default I-beam cursor that’s used when hovering over an input or textarea is difficult to see on dark backgrounds.
I also noticed that Atom prevents this issue by featuring a white I-beam cursor on dark backgrounds. So my question is, how can I modify the color of the default I-beam cursor or use a custom cursor image in my electron app?
So far, I’ve tried using CSS and url()
function to use a custom cursor image with no luck.