Jump to content
matt.baker

Crosshair cursor on dark backgrounds

Recommended Posts

I am working on a design where the BG is very dark (#222222) and trying to draw shapes with the crosshair cursor is very difficult as I can hardly see it!

Could the cursor change its colour based on the background pixels to increase the contrast?

 

See attached screen shot, you can JUST see the cursor.

post-32700-0-68679200-1478270100_thumb.png


Highly recommended open source screen capture software (useful for bug reports).

CrPzyCp.jpg

https://getsharex.com/

Share this post


Link to post
Share on other sites

Hi mattb5906,

 

This has been mentioned a few times. Can you try adjusting your sliders from Preferences > User Interface to see if that helps.

I'm sure I saw one of the developers was going to take a look at this. On the Mac, the lines of the crosshair are denser so it is more visible.

 

Thanks 

Share this post


Link to post
Share on other sites

Thanks for the slider suggestion, Chris.

 

Mark, this was on Windows 10 Pro x64. However, having tried this on another PC now (Windows 10 Home x64), the crosshair stands out much more than before.

post-32700-0-27375600-1478280723.png

 

I'll check this again on Monday when I'm back at work to see how my main display is configured (ATI control panel wise) or if the application settings are different in any way.


Highly recommended open source screen capture software (useful for bug reports).

CrPzyCp.jpg

https://getsharex.com/

Share this post


Link to post
Share on other sites

The white outline appears OK on my screen...

 

Does this ring any bells, Mark? On my system the outline around the cursor for the Shape and Text Tools in the Draw Persona, and for the Marquee Tools in the Pixel Persona, is grey rather than white, so it hardly helps at all. The black and white cursor for small brush nozzles is much better.


Alfred online2long.gif
Affinity Designer 1.6.4.104 • Affinity Photo 1.6.4.104 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.6.7.76 • Affinity Designer for iPad 1.6.0.35 • iOS 11.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Third test: Just tried this on my home laptop now and it's back to the difficult to see cursor. I've played with my colour settings on the graphics card profile and now found out that this doesn't affect cursors due to how they are rendered separately from the main screen image.

 

One thing I did notice though, is that the colour picker tool's cursor works well with all backgrounds. Could the shape and text tool's cursor be modified to something that more closely resembles that?


Highly recommended open source screen capture software (useful for bug reports).

CrPzyCp.jpg

https://getsharex.com/

Share this post


Link to post
Share on other sites

Yes, the one where it worked correctly is definitely set to a scaling >100% (think it's 150, but can't be certain off the top of my head). My laptop and desktop work PC are both set to the standard 100%.

 

I'll try altering the scaling in a bit to see what effect it has.


Highly recommended open source screen capture software (useful for bug reports).

CrPzyCp.jpg

https://getsharex.com/

Share this post


Link to post
Share on other sites

I've just tried setting the zoom level to 125, 150 and 175% (can't go to 200% on my machine - lucky you with your high dpi screen! :P) and while it did make it easier to see, it still wasn't as good as the colour picker cursor. I also tried a restart of my machine after applying the new settings.

 

The outline looks like it as some transparency as you mention before.


Highly recommended open source screen capture software (useful for bug reports).

CrPzyCp.jpg

https://getsharex.com/

Share this post


Link to post
Share on other sites

Found the custom text scaling option in Windows. Here are some more test cases:

 

100%

post-32700-0-34646100-1478640653.png

 

200%

post-32700-0-46368700-1478640660.png

 

300%

post-32700-0-00547400-1478640664.png

 

200 percent looks quite sharp, then 300 goes fuzzy again (guess thats using the 200% cursor and upscaling).


Highly recommended open source screen capture software (useful for bug reports).

CrPzyCp.jpg

https://getsharex.com/

Share this post


Link to post
Share on other sites

I found under >Edit >User Interface >Preferences Dialog Box.

Make the "Background Gray Level" lighter (move cursor to the right) this will enable you to see the Marquee cross hair in the background.

Share this post


Link to post
Share on other sites

Thanks Mark. Finaly got a chance to try the latest .36 build and they are miles better! Tried all of the other tools including the pixel persona ones and those are good as well.

 

The text tool still has the same issue though. Screenshot from .36 build @ 100% Windows scaling:

post-32700-0-41363300-1479167170.png


Highly recommended open source screen capture software (useful for bug reports).

CrPzyCp.jpg

https://getsharex.com/

Share this post


Link to post
Share on other sites

The text tool still has the same issue though. Screenshot from .36 build @ 100% Windows scaling:

attachicon.gifDesigner_2016-11-14_23-42-06.png

 

Oops! Good catch. Both text tool cursors (Artistic and Frame) are affected.

 

The Artboard Tool needs the same fix.


Alfred online2long.gif
Affinity Designer 1.6.4.104 • Affinity Photo 1.6.4.104 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.6.7.76 • Affinity Designer for iPad 1.6.0.35 • iOS 11.4.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

I've recently moved to a high DPI screen with scaling set to 150% and noticed the same problems again with a few cursors.

See below capture with the move cursor (good) and marquee cross-hair (bad)

2018-07-12_21-39-52.gif.422e6fdf232a90b8678f4bd995573f42.gif

 

Other affected cursors

Artboard cross-hair:

2018-07-12_21-59-25.gif.d4d038e688d5e3e272edb220d36bc3c4.gif

 

Shape cross-hair:

2018-07-12_22-00-32.gif.116ec7bf4372fea991f6f23c98602ae7.gif

 

Both text tool cross-hairs:

2018-07-12_21-58-13.gif.d3163cb9271d0abe90fbb15f03a6670d.gif


Highly recommended open source screen capture software (useful for bug reports).

CrPzyCp.jpg

https://getsharex.com/

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×