hyper-material-box icon indicating copy to clipboard operation
hyper-material-box copied to clipboard

Active tab opacity broken with new canary channel

Open Bertutchio opened this issue 6 years ago • 6 comments

It might be a little bit early because the 2.0 version of hyper is still in development but the theme has some issue. The opacity of the active tab is always at 0.6. It results in faded colours but it's still usable (if you love it).

Bertutchio avatar Feb 26 '18 20:02 Bertutchio

I've got the same issue now 2.0 is released.

iamthemovie avatar Apr 16 '18 16:04 iamthemovie

+1, I'm suffering the same issue on the 2.0 release no matter the color scheme I choose.

t56k avatar Apr 17 '18 20:04 t56k

In dev tools change opacity under style tags from {opacity:0.6;} to {opacity:1.0;} as a temp work around.

sloanster4000 avatar Apr 25 '18 13:04 sloanster4000

For a little more clarity the problem lies in these CSS classes:

#hyper .term_fit:not(.term_term){opacity:0.6;}
#hyper .term_fit.term_active{opacity:1;-webkit-transition:opacity 0.12s ease-in-out;transition:opacity 0.12s ease-in-out;will-change:opacity;}

Changing the first to {opacity:1.0;} makes both sides of a split tab totally opaque. The latter class seems not to override the first on the active side of the split?

t56k avatar Apr 25 '18 21:04 t56k

Recently loaded the 'hyper-opacity' plugin and with opacity set to 1.0 things are working well. Submitted a pull request to make this the default value.

sloanster4000 avatar May 14 '18 17:05 sloanster4000

You could try the latest Canary version of hyper. I should solve that problem @Bertutchio

markozxuu avatar Aug 12 '18 18:08 markozxuu