vscode-colorize icon indicating copy to clipboard operation
vscode-colorize copied to clipboard

[upgrade] Needs better colors support for alfa channel !!!

Open maksimaliabyshev opened this issue 4 years ago • 3 comments

The alpha channel is not visible under the color image

If the color has an alpha channel it is better to add a background change setting:

  1. light color -> use dark alfa backgrounds
  2. dark color -> use light alfa backgrounds

image

colorize.colorized_alfa: boolean (default: true) Include background for alpha colors colorize.colorized_alfa_scale: number (default: 2) side length of one background square svg image in pixels

Ready background alfabackgrounds.svg.zip

maksimaliabyshev avatar Sep 23 '20 17:09 maksimaliabyshev

Unfortunately, it's not possible to use background images for text decorations 😞

KamiKillertO avatar Sep 24 '20 09:09 KamiKillertO

Unfortunately, it's not possible to use background images for text decorations 😞

Please look extension Bracket Pair Colorizer 2 settings: "bracket-pair-colorizer-2.activeScopeCSS": [ "borderStyle : solid", "borderWidth : 1px", "borderColor : {color}", "opacity: 0.5" ] Similarly, you can change vscode webview, vscode is based on electronjs and this is the web, I think there are methods or tricks to add a background with z-index

maksimaliabyshev avatar Sep 24 '20 12:09 maksimaliabyshev

@KamiKillertO I found a convenient solution - Custom CSS and JS Loader It will not take much time to implement. If anyone needs it, he can connect this extension and get a substrate for transparent colors. As an example of possibilities Synthwave x Fluoromachine

maksimaliabyshev avatar Nov 01 '20 07:11 maksimaliabyshev