themes icon indicating copy to clipboard operation
themes copied to clipboard

tweak(base): re-balance symbol-overlay colors to improve visibility

Open jimeh opened this issue 1 year ago • 5 comments

Minor tweaks to colors so they're all more balanced, and a little bit more visible across different themes. Some colors are still slightly less visible on some themes compared to others, which I see no way around without having per-theme specific colors.


  • [x] I searched the issue tracker and this hasn't been PRed before.
  • [x] My changes are not on the do-not-PR list for this project.
  • [x] My commits conform to the git conventions.
  • [x] My changes are visual; I've included before and after screenshots.
  • [x] Any relevant issues or PRs have been linked to.

After @seagle0128's comment I took a closer look at how the different colors I had picked in #750 appear on a long list of different themes.

The result is the subtle tweaks to color blending values in this PR, which I feel are overall a reasonable compromise to look good in most themes. I would not call it perfect in every theme, but more than good enough in my personal opinion. I'd be happy to adjust further if people disagree with my opinion though :)

I might have gone a little overboard, but below are a series of before/after screenshots for how this PR affects the various symbol-overlay-face-* faces across a bunch of the themes.

Screenshots

doom-one

Before:

doom-one__before

After:

doom-one__after

doom-one-light

Before:

doom-one-light__before

After:

doom-one-light__after

doom-vibrant

Before:

doom-vibrant__before

After:

doom-vibrant__after

doom-dark+

Before:

doom-dark+__before

After:

doom-dark+__after

doom-molokai

Before:

doom-molokai__before

After:

doom-molokai__after

doom-monokai-classic

Before:

doom-monokai-classic__before

After:

doom-monokai-classic__after

doom-monokai-pro

Before:

doom-monokai-pro__before

After:

doom-monokai-pro__after

doom-nord

Before:

doom-nord__before

After:

doom-nord__after

doom-nord-aurora

Before:

doom-nord-aurora__before

After:

doom-nord-aurora__after

doom-nord-light

Before:

doom-nord-light__before

After:

doom-nord-light__after

doom-nova

Before:

doom-nova__before

After:

doom-nova__after

doom-solarized-dark

Before:

doom-solarized-dark__before

After:

doom-solarized-dark__after

doom-solarized-light

Before:

doom-solarized-light__before

After:

doom-solarized-light__after

doom-solarized-dark-high-contrast

Before:

doom-solarized-dark-high-contrast__before

After:

doom-solarized-dark-high-contrast__after

doom-tomorrow-night

Before:

doom-tomorrow-night__before

After:

doom-tomorrow-night__after

doom-tomorrow-day

Before:

doom-tomorrow-day__before

After:

doom-tomorrow-day__after

doom-zenburn

Before:

doom-zenburn__before

After:

doom-zenburn__after

doom-dracula

Before:

doom-dracula__before

After:

doom-dracula__after

doom-Iosvkem

Before:

doom-Iosvkem__before

After:

doom-Iosvkem__after

doom-opera

Before:

doom-opera__before

After:

doom-opera__after

doom-opera-light

Before:

doom-opera-light__before

After:

doom-opera-light__after

``

Before:

doom-xcode__before

After:

doom-xcode__after

jimeh avatar Sep 17 '22 14:09 jimeh

@jimeh Thank you for the tweaking! I think you should also check the highlighting other words of different foreground colors.

seagle0128 avatar Sep 17 '22 15:09 seagle0128

@seagle0128 Ah, yeah good shout. I knew I should have finished my coffee before doing this 😅

jimeh avatar Sep 17 '22 15:09 jimeh

@jimeh Any update for this PR? And I still think the colors should be lighter. The foreground colors of the characters may be very close to the background colors. The default faces of symbol-overlay are very clear and obvious. I think user experience is better.

Please the screenshots below.

image image

My tweaks:

image

seagle0128 avatar Oct 03 '22 19:10 seagle0128

@seagle0128 Sorry for the silence, I'm gonna try to get back to this in the next few of days.

I agree with you and prefer the tweak you've done to what's in here right now.

My plan is to try a few different variations of background/foreground color combos across a whole bunch of the themes, and grab screenshots of it all to post here for comparison :)

jimeh avatar Oct 04 '22 06:10 jimeh

@jimeh Thanks! Please proceed as your plan...

seagle0128 avatar Oct 04 '22 20:10 seagle0128