[Bug] Improve visuals of input backgrounds to better-match designs

onlook-dev / onlook

The open source, local-first Figma for React. Design directly in your live React app and publish your changes to code.

https://onlook.dev

Apache License 2.0

2.96k stars 190 forks source link

[Bug] Improve visuals of input backgrounds to better-match designs #194

Closed drfarrell closed 2 months ago

drfarrell commented 2 months ago

Make the background of inputs slightly opaque so that the inputs also appear to have frosted-glass backgrounds.

This is very very easy – implement the code as highlighted to the right inputs.

kartik-raj7 commented 2 months ago

can you assign me this issue

drfarrell commented 2 months ago

Go for it!

Kitenite commented 2 months ago

@kartik-raj7 For more context, all the backgrounds of the inputs on the editor panel side should be slightly opaque (75%) as a result. Right now, they are solid.

kartik-raj7 commented 2 months ago

Thank you so much, I will let you know if I have any doubts.

Kitenite commented 2 months ago

This was fast, awesome work @kartik-raj7 !