Hyper: Lower Window Opacity?

[khayyamsaleem]

I usually use a transparent terminal. Is something like that possible for hyperterm? I know that CSS allows for lowering opacity, but I'm not sure where I would put that property.

[michaelmior]

This discussion might be helpful electron/electron#381.

[marcbachmann]

Looks like transparency is working on mac using hex colors with alpha transparency:
#[alpha transparency code][hex color code]
https://gist.github.com/marcbachmann/18df2187b3d1693a43ee60ccbfeab096#file-hyperterm-js-L16

[hhsnopek]

@marcbachmann your config doesn't produce the same results locally on my machine

[bjankord]

I've set backgroundColor: '#DD0a1a1f', in my config. When I launch hyperterm on a fresh start, the transparency doesn't work, but if I do a full refresh after opening it, the transparency works.

[jaydson]

Anyone managed to get transparent background on Linux?

[leo]

Works with latest release!

[c0b41]

@leo Linux not working --enable-transparent-visuals --disable-gpu Ref: Electron Docs

[jacksonSingleton]

M
Few faffvV x c

fJackson Singleton
D.C. Did

On Oct 7, 2016, at 1:45 PM, Ayhan [email protected] wrote:

@leo Linux not working --enable-transparent-visuals --disable-gpu Ref: Electron Docs

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub, or mute the thread.

[alexmarmon]

rgba colors are working with 0.8.1 on MacOS Sierra:

[khayyamsaleem]

The transparency works, but there's occasionally ghosting from the last text that was in the terminal. Resizing the window fixes the problem, but I don't know what kind of bug this is.

[NekR]

rgba works fine on El Capitan too for me, but only when I don't use any themes. When I use themes they override the background.

[LeoAJ]

Is there any way to make background transparent along with the theme ? Thanks.

[pertrai1]

yes unfortunately I am only able to get the transparency to work when not using a theme. I look forward to finding out how this can be done when using a theme.

[LeoAJ]

I was able to hack into my theme's config in .hyper_plugins/node_modules/ to make the background transparent by using rgba.

[pertrai1]

I was able to get it to work as I stated above but the only thing that sucks is that I lose the transparency when I am using vim

[alexandernst]

Is there a way to force transparent background no matter what the theme (or vim/nano/whatever) dictates? Something like background-color: #282828; background-transparency: 70% !important;

[pertrai1]

@alexandernst Yeah I tried that and did not have success when I changed .hyper.js config. I hope someone does come up with a solution for transparency when it comes to using vim in Hyper

[alexmarmon]

Hey guys,

It looks like V1.0.0 has a new vibrancy feature. I actually wasn't able to get it working but I think it's what most of us are looking for.

https://github.com/zeit/hyper/releases

[pertrai1]

@alexmarmon yeah I was not able to get it working either. I added it and used rgba for opacity on background and no luck.

[tairabiteru]

Sorry, I'm a bit confused, is transparency working on Linux now or not? I'm running Ubuntu 16.04 and it seems to not be working...

[sliepie]

@tairabiteru Nope, it's only working on macOS. Electron and transparency isn't working great on either Linux or Windows, and there are several limitations.

[adrianoresende]

@JarnoNijboer but I use macOS Sierra and not work for me

[dbarrett24]

I know you're using zsh as a terminal, but Has anyone made a hyper plugin that shows the blue side arrow in the screen shot above?

https://cloud.githubusercontent.com/assets/431376/16896676/45837d5a-4b9a-11e6-9b4a-d57926cf33ee.png

[mtslzr]

Also experiencing this issue. Latest version (1.3.1.1628) on macOS Sierra (10.12.4). Transparency only works with backgroundColor without a theme. As soon as I install a theme, it stops working. :(

[MaryWeeb]

Same issue on Antergos (4.11.3-1-ARCH), MATE DE. Transparency does not seem to work on latest version, tried both rgba as well as hex for backgroundColor, as well as hyper-transparency. Result: background is still black, no transparency at all.

[aequasi]

Same issue on macOS (10.12.5 (16F73))

[wuno]

Using High Sierra I cannot get transparency to work with or without a theme.

[FaheemAlam]

I am using High Sierra and its works fine for me. backgroundColor: 'rgba(0,0,0, 0.8)'

[musab]

macOS High Sierra (10.13.4 (17E199)) and I tried backgroundColor: 'rgba(0,0,0, 0.8)' and it did not work.

[MaryWeeb]

KDE, Arch Linux (all latest stable)
Cannot get transparency with backgroundColor: 'rgba(0,0,0,0.8)'

[albinekb]

@martmists I believe electron has dropped support for transparency on Linux & windows due to chromium issues..

[MaryWeeb]

You can force it to allow transparency by setting WindowSettings.transparent to true.

[lucleray]

I don't know about Linux, but on Windows and MacOS, browserWindow.setOpacity is supported (link to the electron doc).

I made a plugin using it : hyper-opacity

[thegriffindude]

@martmists where is this WindowSettings.transparent option??

[YoungElPaso]

This is a hack for Linux, but on Ubuntu 18.04 at least you can use hyper-init to set a transset value (0-1) at launch. So, my Hyper config includes something like 'transset -a -t 0.85' which just means toggle the opacity of the active window to 85% at start up.

This is the only workable solution for me since Electron does indeed no longer support transparency on Linux.

[sharmashubham850]

Windows users, follow these steps -:
1.) Add "hyper-opacity" to plugins array. (hyper-opacity plugin will be installed)
2.) Add property - "opacity: 0.8" (Editable)

[angelhdz]

Windows users, follow these steps -:
1.) Add "hyper-opacity" to plugins array. (hyper-opacity plugin will be installed)
2.) Add property - "opacity: 0.8" (Editable)

Where? In the env: {} ? Or in the module exports {} as a javascript object property? Or in the css: '' as a CSS string?

[Lateralus138]

Sorry, for the necro, but this is, of course, still an issue and there is an external solution for those who use Gnome desktop . You can use the Gnome extension 'transparent-window'. I'm successfully using it on: Ubuntu 20.04.1 LTS

Extension:
https://extensions.gnome.org/extension/1454/transparent-window/