search

enyancc / vscode-ext-color-highlight

Extension adds colored border around css/web colors in the editor
GNU General Public License v3.0
262 stars 83 forks source link

Adding a rgba(0,0,0,0) renders the code invisible #165

Open remy-san-ekw opened 2 years ago

remy-san-ekw commented 2 years ago

Thanks for the extension !

Was running v2.5.0 on VSCode 1.70.2 on macOS with an M1. Project is React Native, I was adding the color to the following snippet :

<StyledTextField
          underlineColorAndroid="rgba(0, 0, 0, 0)" />

And here are the results

Capture d’écran 2022-08-30 à 14 47 57
timmb commented 2 years ago

Similar problem for dark colours with a dark theme

renderer.setClearColor('hsl(85, 17%, 1%)'); becomes image

wangyunduo commented 1 year ago

Hi, there👋 I notice that this repo has not had any new commits for the past year, and version 2.6.0, submitted last year, has not been released. Therefore, I forked the repo and developed a new extension based on version 2.6.0, named Color Highlight - Hue Show Better Version.

The extension Color Highlight - Hue Show Better Version can solve your issue. Feel free to try it out : ) https://marketplace.visualstudio.com/items?itemName=Yunduo.color-highlight-css-color-4

For these issues, in the new extension support dynamic text color in rgba(), hsl(). It is worth noting that the new extension support background color definition for marker. Since the default color-highlight.markerBackground is #ffffff, so the color is white when the alpha value is 0.

image