Where is cursor color controlled?

How to / Third Party Tooling
1

Hello,

I’m porting a web app that uses CodeMirror 6 to react native as a mobile application. I’m mounting the CodeMirror editor inside of a web view.

I noticed the cursor color appears black, and does not respond to the typical caret-color css property. I assume the appearance is controlled by iOS and not able to be changed by CSS. Where do I go to change it to a different color?

Thank you!

2

I figured this out, setting caret-color does indeed work normally in webview, however it appeared to not work because of something codemirror specific

You must create an extension theme and override this value:

".cm-content": {
  "caret-color": "var(--color-foreground)",
},

The default codemirror theme sets a “black” cursor, which caused my problem!

1 Like
3

This topic was automatically closed 20 days after the last reply. New replies are no longer allowed.