Transparency not working on Windows 10 #1638

cvandal · 2017-03-11T10:07:18Z

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

Windows 10:
1.3.1:
The issue is reproducible in vanilla Hyper.app:

Issue

I am unable to get transparency working on Hyper 1.31 on Windows 10. I have tried a few plugins, none of which worked, and changing my backgroundColor to backgroundColor: 'rgba(0,0,0,0.5)'. Is there anything else that I can try? My hyper.js is currently back to default config.

The text was updated successfully, but these errors were encountered:

rawnly · 2017-03-11T10:18:51Z

Try to see this #1625

b-bot · 2017-03-11T12:17:00Z

+1 Please explain how to enable transparency using flags if it is possible at all. This is my favourite terminal emulator by far and I would like to keep using it but need transparency.

rawnly · 2017-03-11T12:26:58Z

As sad @Zx-EvM in #1625

Apparently hyper.is team did not implement support for opacity/transparent/vibrancy on Windows.

cvandal · 2017-03-12T10:07:11Z

If you're feeling adventurous, I have found that you can enable transparency in Hyper 1.3.1 on Windows 10 by setting frame: process.platform === 'darwin', to frame: false, and transparent: process.platform === 'darwin', to transparent: true, in C:\Users\<username>\AppData\Local\hyper\app-1.3.1\resources\app\index.js. Looks like they only wanted this to work on OSX, and probably for a good reason, so use at your own risk I guess.

carpet92 · 2017-03-12T11:38:02Z

@cvandal thanks. it's really working

Also I want to pay attention that I did not see much difference between CPU usage before and after using this lifehack

Looks like they only wanted this to work on OSX, and probably for a good reason

IMO I think it's because hyper.is terminal was only available for OS X initially

cvandal · 2017-03-12T21:37:12Z

I haven't noticed an increase in CPU or MEM consumption, however after enabling transparency I have found that it certainly feels sluggish while entering commands. I can live without transparent terminal, I can't live with a slow terminal so I've reverted my changes :).

damien122 · 2017-03-17T14:26:59Z

This is only because if you enable the transparency on windows and then use the View > Full Reload, then the hole window of hyper is completely transparent. I can live with this because I don't use this "Full Reload". I just restart the hole hyper after plugin installations. But I WANT a half transparent window ^^.
BTW, thanks for the workaround @cvandal 👍

stefanivic · 2017-03-17T14:58:27Z

@cvandal yes, this was done because it caused issues with Windows snapping. You could not snap Hyper to the edge of the screen when transparency is enabled. This was the problem with Electron actually.

damien122 · 2017-03-20T14:25:24Z

@stefanivic yes I also found this out today :)
This is the reason why I revert the workaround back to default.

albinekb · 2017-05-20T03:54:25Z

Looks like it's not going to be supported 😞 electron/electron#8532 (comment)

Terrabits · 2017-09-19T00:20:08Z

I have enabled @cvandal's hack on Windows 10 without the Full Reload problem mentioned by @damien122. I do observe @stefanivic's problem with snapping.

I edited the contents of app.asar after installing from the official installer. Unfortunately that means that when the application auto-updates I lose my transparency.

Default electron has a command line flag (--enable-transparent-visuals) that does this. Hyper could implement a similar flag (maybe --transparent or --force-transparent) or add a transparent setting to config in .hyper.js.

binarymelon · 2018-01-19T18:34:16Z

Is the workaround no longer possible? I'm on version 1.4.8 and not able to find any of the referenced code in app.asar:index.js.

johnRivs · 2018-04-24T12:47:30Z

Hey, any updates on this for Hyper 2?

PrestonII · 2018-04-24T14:34:38Z

@johnRivs @ryanproud - apparently it's a Chromium issue, per the issue referenced by @albinekb : electron/electron#8532 (comment)

I don't think they (Hyper) can fix it until Chromium does so on their end...

lucleray · 2018-05-12T14:37:29Z

This can be solved using browserWindow.setOpacity (electron doc). It is compatible with Windows and MacOS.

I made a plugin for that : hyper-opacity 🙂

johnRivs · 2018-05-12T17:01:33Z

@lucleray You know what, it's not the same but it's close enough. I'm gonna check it out.

lucleray · 2018-05-12T17:11:55Z

@johnRivs It's true that it doesn't only set the opacity for the background 🤔

Stanzilla · 2018-05-14T22:21:34Z

Very nice plugin!

@chabou do we want to keep this as a feature request? Should probably have feature parity across all OS and we have vibrancy out of the box for macOS.

kuttor · 2018-06-03T01:51:16Z

@lucleray THANK YOU so much, this is absolutely amazing -- however, quick question, I can not get BLUR or Vibracvy to work.... just transparency. Is that possible. OMG, I that is possible, then This terminal is absolutely what I been hoping for.

chabou · 2018-06-04T08:52:47Z

@Stanzilla If I remember correctly, opacity was not a core feature due to some bug with mouse interactions. I'll try to find concerned issues.

chabou · 2018-06-04T09:10:00Z

@Stanzilla @lucleray This is the PR that disabled explicitly transparency on Windows: #1307

I don't know if this is still relevant.

lucleray · 2018-06-05T09:29:31Z

@chabou

According to the electron docs :

transparent works on MacOS
transparent will only work when DWM is enabled on Windows (which can be checked like explained here)
transparent will not work on Linux unless it is started with --enable-transparent-visuals --disable-gpu

So, for Windows, instead of explicitly disabling transparency (#1307), it's possible to enable it if DWM is enabled.

If you think this should be part of Hyper, I can write a PR for that. Otherwise it could be left to a plugin to handle this.

albinekb · 2018-06-05T13:02:03Z

I think it's better suited for a plugin (for windows) as this will most likely not work 100% all the time and we need to maintain it and also check that it works every time we upgrade electron.

pd93 · 2018-06-05T13:15:47Z

@albinekb I agree that this should be a plugin for now while it's a workaround, but if the electron issue ever gets solved conclusively, I feel it should be moved into hyper again to align with the features available on OSX.

There should also be a note somewhere in the README/docs to clarify this position, as lots of people are probably looking for this feature.

curpin · 2019-05-31T09:12:19Z

Has anyone got this working guys? I am using the latest 3.0.2 on Windows 10 and still not able to get this transparency working.

TylerSeanRau · 2021-06-05T06:20:52Z

Any update on this?

TylerSeanRau · 2021-06-05T07:13:48Z

I've managed to hack something together with https://www.npmjs.com/package/electron-acrylic-window

I'll post a short how-to-use for those willing to build from source in a bit

TylerSeanRau · 2021-06-05T09:33:14Z

I've added an MR to track the rest of the progress: #5632

carpet92 mentioned this issue Mar 12, 2017

Background transparency not working as expected. #1556

Closed

2 tasks

ppot added the 🖼 Platform: Windows Issue pertains to Windows label Mar 14, 2017

damien122 mentioned this issue Mar 17, 2017

[Windows] Sometimes when I do a full reload, the terminal becomes transparent #1026

Closed

2 tasks

albinekb mentioned this issue May 20, 2017

Window background opacity does not work (regression) #1799

Closed

albinekb added the 👆 Is Upstream Issue is the fault of something Hyper uses and not Hyper itself label May 20, 2017

klaudiosinani mentioned this issue Jun 14, 2017

Add transparency klaudiosinani/hyper-pokemon#4

Closed

albinekb mentioned this issue Sep 19, 2017

Vibrancy for Windows #2232

Closed

tay1orjones mentioned this issue Feb 5, 2018

Background transparency per OS support tay1orjones/hyper-clean#7

Open

2 tasks

yuta0801 mentioned this issue Sep 11, 2019

No Blur effect on windows 10 gielcobben/verminal#31

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Transparency not working on Windows 10 #1638

Transparency not working on Windows 10 #1638

cvandal commented Mar 11, 2017 •

edited by albinekb

Loading

rawnly commented Mar 11, 2017

b-bot commented Mar 11, 2017

rawnly commented Mar 11, 2017 •

edited

Loading

cvandal commented Mar 12, 2017 •

edited

Loading

carpet92 commented Mar 12, 2017 •

edited

Loading

cvandal commented Mar 12, 2017

damien122 commented Mar 17, 2017

stefanivic commented Mar 17, 2017 •

edited

Loading

damien122 commented Mar 20, 2017

albinekb commented May 20, 2017

Terrabits commented Sep 19, 2017

binarymelon commented Jan 19, 2018

johnRivs commented Apr 24, 2018

PrestonII commented Apr 24, 2018

lucleray commented May 12, 2018

johnRivs commented May 12, 2018

lucleray commented May 12, 2018

Stanzilla commented May 14, 2018

kuttor commented Jun 3, 2018

chabou commented Jun 4, 2018

chabou commented Jun 4, 2018

lucleray commented Jun 5, 2018 •

edited

Loading

albinekb commented Jun 5, 2018 •

edited

Loading

pd93 commented Jun 5, 2018

curpin commented May 31, 2019 •

edited

Loading

TylerSeanRau commented Jun 5, 2021

TylerSeanRau commented Jun 5, 2021 •

edited

Loading

TylerSeanRau commented Jun 5, 2021

Transparency not working on Windows 10 #1638

Transparency not working on Windows 10 #1638

Comments

cvandal commented Mar 11, 2017 • edited by albinekb Loading

Issue

rawnly commented Mar 11, 2017

b-bot commented Mar 11, 2017

rawnly commented Mar 11, 2017 • edited Loading

cvandal commented Mar 12, 2017 • edited Loading

carpet92 commented Mar 12, 2017 • edited Loading

cvandal commented Mar 12, 2017

damien122 commented Mar 17, 2017

stefanivic commented Mar 17, 2017 • edited Loading

damien122 commented Mar 20, 2017

albinekb commented May 20, 2017

Terrabits commented Sep 19, 2017

binarymelon commented Jan 19, 2018

johnRivs commented Apr 24, 2018

PrestonII commented Apr 24, 2018

lucleray commented May 12, 2018

johnRivs commented May 12, 2018

lucleray commented May 12, 2018

Stanzilla commented May 14, 2018

kuttor commented Jun 3, 2018

chabou commented Jun 4, 2018

chabou commented Jun 4, 2018

lucleray commented Jun 5, 2018 • edited Loading

albinekb commented Jun 5, 2018 • edited Loading

pd93 commented Jun 5, 2018

curpin commented May 31, 2019 • edited Loading

TylerSeanRau commented Jun 5, 2021

TylerSeanRau commented Jun 5, 2021 • edited Loading

TylerSeanRau commented Jun 5, 2021

cvandal commented Mar 11, 2017 •

edited by albinekb

Loading

rawnly commented Mar 11, 2017 •

edited

Loading

cvandal commented Mar 12, 2017 •

edited

Loading

carpet92 commented Mar 12, 2017 •

edited

Loading

stefanivic commented Mar 17, 2017 •

edited

Loading

lucleray commented Jun 5, 2018 •

edited

Loading

albinekb commented Jun 5, 2018 •

edited

Loading

curpin commented May 31, 2019 •

edited

Loading

TylerSeanRau commented Jun 5, 2021 •

edited

Loading