Hyper: Background transparency not working as expected.

[imaginationac]

• [x] I am on the latest Hyper.app version
• [x] I have searched the issues of this repo and believe that this is not a duplicate

• OS version and name: Windows 10 Professional 64-bit
• Hyper.app version: 1.2.1
• Link of a Gist with the contents of your .hyper.js: https://gist.github.com/imaginationac/74f42ffa21e41c4a797beaab70b5fa76
• Relevant information from devtools _(CMD+ALT+I on Mac OS, CTRL+SHIFT+I elsewhere)_: N/A
• The issue is reproducible in vanilla Hyper.app: Is Vanilla

Issue

After updating to 1.2.1, background transparency/alpha does not behave as expected. Was working on 1.1.0.

[henrikdahl]

Do you mean vibrancy? ✌️

[imaginationac]

@henrikdahl No.

In .hyper.js, when changing the the value of background-color to something like rgba(0, 0, 0, 0.5) I expect to the background to be at 50% opacity, and to be able to see through the windows to any programs or the desktop. That not longer happens for me.

[henrikdahl]

Transparency still works on macOS, I don't have Windows so someone else needs to confirm there.

[imaginarny]

I have just updated to 1.2.1 from 1.1.0 and I'm experiencing the very same problem.

[Zx-EvM]

I have the same problem. I use Windows 10 Professional x64 Version: 1607 Build: 14393.693 and Hyper 1.2.1

[mil1i]

Also experiencing this. Win 10 Pro x64: 1607, Hyper 1.2.1.

[alshdavid]

In Windows 10, also experiencing this issue

[imaginationac]

Issue still present as of 1.3.1.

[Zx-EvM]

@imaginationac you can read this comment in similar issue https://github.com/zeit/hyper/issues/1638#issuecomment-285934623 by @cvandal

[MartinMuzatko]

I'm on MacOSX.
I also have this issue. When I remove my old .hyper.js file, and let hyper create a new one, it does not work. After a few quit and reopens, and full reloads, the previous terminal persists in the background . The layers build up and then they eventually make the window look full opaque.

The layers are gone again, if I dump the .hyper.js file and let hyper create a new one for me.

[ed-alertedh]

Same problem with Hyper 1.3.3, Windows 10 build 15063.483

[incomingstick]

Still an issue in 1.4.8 (Windows 10 v1709 Build 16299.192)

[adammacias]

Not working here too Windows 10 v1709 Build 16299.248 ... Hyper 1.4.8

[devKamrulcom]

Not working with windows 10

[albinekb]

It's not supported on windows.

[lucleray]

I think this can be solved using browserWindow.setOpacity (electron doc).

It is compatible with Windows and MacOS. It was added in electron in this PR : https://github.com/electron/electron/pull/10667

I made a plugin for hyper using it : hyper-opacity 🙂

[tomperys]

I think this can be solved using browserWindow.setOpacity (electron doc).

It is compatible with Windows and MacOS. It was added in electron in this PR : electron/electron#10667

I made a plugin for hyper using it : hyper-opacity 🙂

This plugin doesn not work for me with hyper 3.0.2