Hyper: Vim colors

Created on 16 Jul 2016  路  32Comments  路  Source: vercel/hyper

Hi!
I love the idea of this terminal, it has great potential! :)

I'm using the 0.4.5 version, and when I open vim I get this:
screen shot 2016-07-16 at 10 00 24 am

Have you got any idea?
This is my .vimrc.

Most helpful comment

@oscarmorrison @dvonrohr @hamidraza please use the 馃憤 button for that .

All 32 comments

Mine does look similarly awful. Would also be interested in any ideas.
Other than that I like the idea of this terminal, too.

I guess the problem is the _colorscheme_.
I'm using solarized-dark and if I disable it I get the (I guess) correct hyperterm color scheme.

Try the following settings if you use solarized-dark. It fixed the issue for me.

https://gist.github.com/nkzawa/970f75de0f9f8b05524d99452dfabd54

It works!
Vim has still some not color related issues, but thank you.

@nkzawa can I use your code to make a hyperterm plugin? :)

@delvedor awesome! no problem to use the code.

This seems to be a problem if vim uses anycolorscheme with background=dark. I have the same issue using solarized dark as well as with colorscheme one from https://github.com/rakr/vim-one. The above fix doesn't seem like a true fix for this issue.

You might expect using the hyperterm-solarized-dark package would make it work well, but it doesn't.

Should this be reopened? Vim colors are definitely not behaving correctly. This is one of the only blockers keeping me from switching to hyper.

Yea I agree, I checked back a few months after my last comment to check and see if this was fixed. Maybe reopen issue, @delvedor ?

I have this issue as well. Reopening.

I'm using a dark colorscheme in hyper and hemisu in vim. It was also totally unusable in hyper just like the comments above. I got around it by keeping background=dark in .vimrc and setting colorscheme default, then in .gvimrc I override it to colorschem hemisu. Now it at least works fine in the terminal and things are unchanged in MacVim.

I do most of my coding in MacVim, so I just need vim in the terminal to at least work, so this works pretty well for me.

Same here.

I'm experiencing the same issue in Hyper 1.0.1 with incorrect colors in Vim using base16 color schemes for:

Hyper - https://github.com/winneon/hypersixteen
Vim - https://github.com/chriskempson/base16-vim

I was able to get correct colors in Neovim by configuring ZSH/Neovim for 256-color support and using set termguicolors in my Neovim config as described in #364.

Any progress here? I'm using the nova hyperterm theme as well as vim with the nova color scheme and get a weird grey background.

https://trevordmiller.com/projects/nova

set notermguicolors in my .vimrc worked for me. It fixed the weird vim background.

@martinwolf tried your method, but no luck. Still weird...

image

+1

+1

+1

@oscarmorrison @dvonrohr @hamidraza please use the 馃憤 button for that .

Is there any progress on this?

is vim completely unusable in hyper now, or are you not using colorschemes?

@vnikk you just have to find a colorscheme that works. Unfortunately most themes with a dark background don't work. I do think they are working on making sure colors work correctly in 2.0

Yes, please try 2.0, it's not released yet, but you can get it now to test it out. Read more at https://zeit.co/blog/canary 馃憤

It should fix most of the problems, as we switched terminal rendering lib from legacyhterm to the same lib that VS Code uses, xterm.js, which is much more actively developed and maintained.

Thanks for the update @albinekb . Just tried 2.0.4 pre-release, but many plugins including hyperline can't be loaded. And Vim theme is still not working.
image

P.S. The correct color in iTerm2:
image

I'm running vim 8.0 along with Hyper 1.4.8 and adding set termguicolors to my vimrc works perfectly. Also make sure your vim isn't in vi-compatible mode.

@xrisk That is the temporary work-around I have been using. It works for most color-related things in vim, but not all.

set termguicolors won't work for me. It makes my vim colorless. I'm using vim 8.0 and hyper 1.4.8 as well. hyper 2.0 has the same problem too.

@TomazWang Thank your for your feedback.
set termguicolors is not possible anymore because our next v2 stable release will not support truecolor due to xtermv3

I'm closing this issue in favor of https://github.com/zeit/hyper/issues/2294

Was there ever a solution to this? Top is terminal in VIM, bottom is normal.

Screen Shot 2019-10-31 at 8 09 36 PM
Screen Shot 2019-10-31 at 8 09 23 PM

Hi, I'm getting some weird behavior with the border color leaking into the frame on vim 8.2 hyper 3.0.2

Note: zooming in/out with Cmd++/- usually fixes it but will sometimes (?) result in a plugin crash notification (no custom plugins were added to .hyper.js file ...):

Screen Shot 2020-06-12 at 12 22 19 AM

Setting termguicolors property does not change the behavior

Screenshot of vimrc (showing the issue):

Screen Shot 2020-06-12 at 12 18 40 AM

set background=dark and set termguicolors kind of fixed it for me as it blends in with Hyper's default colors just fine.

If you're unsure if your env supports set termguicolors you may set it as the following:

if (has("termguicolors"))
  et termguicolors
endif

Here are 2 workarounds
Workaround 1:

  • Install hyper-background: $ hyper i hyper-background
  • Take a screenshot of your desired background color and set your background image as that screenshot in your .hyper.js config file
    Example of .hyper.js:
    Note: The background image setting is inside the config object as explained in hyper-background docs
    image

Workaround 2:

  • In your .vimrc set your vim background to transparent:
"Overrides the color scheme background and makes it transparent      
 autocmd ColorScheme * highlight Normal ctermbg=None                                          
 autocmd ColorScheme * highlight NonText ctermbg=None
  • Change the background of hyper to the desired background-color

Before:
image

After:
Note: The black background behind my line numbers is part of the theme I chose
image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dbkaplun picture dbkaplun  路  3Comments

rauchg picture rauchg  路  3Comments

hxnt picture hxnt  路  3Comments

leo picture leo  路  3Comments

sarneeh picture sarneeh  路  3Comments