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

FR: Double Colored Text-Cursor #2123

Open
BananenRitter opened this issue Nov 20, 2024 · 2 comments
Open

FR: Double Colored Text-Cursor #2123

BananenRitter opened this issue Nov 20, 2024 · 2 comments

Comments

@BananenRitter
Copy link

Is your feature request related to a problem? Please describe.

  • The Text-Cursor seems to always have the same Color disregarding the Background. If the User chooses colors which are close to HEX: d5d5d5 the cursor is nearly invisible.
  • Coincidentally are the colors, after using the inversion script, near this value.

image

Describe the solution you'd like

The cursor should have an inner (HEX: 000000) & outer color (HEX: FFFFFF) to make it perfecly visible under all conditions, the increased width by using 2 layers would also make it more likely to be seen.

Furthermore you could the User choose their own primary & secondary colors to enable lime green+magenta colored cursor for maximum visibility

Real-life usage scenarios

Every User which doesnt use pre defined color palette

Describe alternatives you've considered

Alternatives to finding cursor:

  • Zoom in a lot
  • type a letter then delete it again
  • shift+arrow to select some text

Additional context

No response

@zsviczian
Copy link
Owner

I also struggle with the cursor color at times...

Unfortunately, HTML alone does not natively support a double-colored text cursor. The browser's text cursor (caret) is controlled by the operating system and rendered as a single-color element.

The cursor color is based on the canvas color if you have dynamic color enabled:
image

@zsviczian
Copy link
Owner

On second thought... I implemented a solution. Try 2.6.8-beta-2, if you have dynamic styling enabled then cursor color will follow the inverse of the background color where you created the text element

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

No branches or pull requests

2 participants