Inwerpsel / use-theme-editor

A React theme editor
GNU General Public License v3.0
4 stars 0 forks source link

Visualize color transparency in preview swatches #35

Open Inwerpsel opened 1 year ago

Inwerpsel commented 1 year ago

Currently, color swatches that use opacity < 1 cannot properly be distinguished from fully opaque (but lighter) colors.

Furthermore, the transparency makes the preview blend with what's below it, which currently is a grayscale most of the time. This makes the color inaccurate as well, or at least doesn't match up with the blend it would have on the edited page.

For full transparency this is already handled using a ghost character. However using the ghost to indicate an opacity between 0 and 1 would probably look bad, and also affect perception of the color.

It's not yet obvious what would work well here. Perhaps a 0 to 1 "ruler" below such swatches?