search

poush / H2

Supporting light weight extensions for heavy task lifting
MIT License
16 stars 32 forks source link

Add translucent mode #28

Closed poush closed 5 years ago

poush commented 5 years ago

Let's add the experimental version, then we might be able to create scenarios and conditions when to turn it on automatically.

In experimental version, it will be enabled by a hot key say, alt shift t

iblacker commented 5 years ago

I want to work on this one, looked into some ways to implement it.

Can you explain a bit more on how you want it done? Like the degree of translucency. And any idea on how to get it implemented, because I have been looking into Electron and it doesn't seems to have a way to make window translucent.

poush commented 5 years ago

Hi @iblacker, thanks for your interest.

So what I was looking through this feature is to have some level of transparency in the whole app which can be triggered by some key combination as well as from tray menu. In terms of CSS all I was thinking to some "opacity".

Now, doing this in Electron is pretty simple ( as per my search till now). You can try this: http://electron.rocks/transparent-window/ and instead of setting up background color in RGBA mode, you can set the opacity property since we want the content inside it to be translucent not just the background. You can try different levels of opacity such to get an optimum value.

Also, there's an additional thing to add through tray menu such that a person can adjust custom opacity. This can be done in separate issue & PR as well so please do create an issue for this once your PR gets merged for the above feature.

iblacker commented 5 years ago

Perfect I will take a deeper look into it and work on it over the weekend

poush commented 5 years ago

@iblacker no hurries, just wanted to know if you are working on this one or I can take this?

iblacker commented 5 years ago

I am working on it, I will give an update if that's ok

poush commented 5 years ago

Sure, no problem.