KamiKillertO / vscode-colorize

A vscode extension to help visualize css colors in files
Apache License 2.0
269 stars 37 forks source link

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

Open maksimaliabyshev opened 4 years ago

maksimaliabyshev commented 4 years ago

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

KamiKillertO commented 4 years ago

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

maksimaliabyshev commented 4 years ago

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 commented 3 years ago

@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