MattsShack / Plex-Movie-Poster-Display

Scraps the Plex sessions page to display the current playing movie or TV show poster on a screen.
https://www.mattsshack.com
GNU General Public License v3.0
129 stars 30 forks source link

Enhancement: Gaussian Blur Text Background #88

Open ThePragmaticArt opened 3 years ago

ThePragmaticArt commented 3 years ago

Currently, the font color of text is configured as a static value making the outline the only way to distinguish the text from the background poster colors from a contrast ratio perspective (note white on white or black on black can be extremely unfriendly depending on the font used). Gaussian Blurs and other background blending techniques can be used to guarantee a darker/lighter background for the text to rest on always ensuring some level of contrast difference for a nice pop effect. Apple has been using this particular technique for quite some time now. Would it be possible to add the option for some guaranteed background contrast enhancer for text?

ZeroCoolGOS commented 3 years ago

This is an interesting idea.

Do you have any sample screenshots or links?

ThePragmaticArt commented 3 years ago

Absolutely, here are some examples I was able to pull fairly quickly (note the same effect can be found all over macOS's menus like the quick app switcher).

The first screenshot shows a gaussian blur being used, the second is a gradient blend with a gaussian blur as well. This post may help with some other techniques/options: https://blog.iamsuleiman.com/techniques-to-display-text-overlay-background-images/.

Screen Shot 2021-05-29 at 7 40 54 PM Screen Shot 2021-05-29 at 7 36 27 PM