lavalamp

A text editor theme that visually differentiates languages.

Github星跟踪图

Lavalamp is a WIP text editor theme.

It currently works in Vim, but I hope to port it to Atom and Sublime Text.

====

Installation

Copy lavalamp.vim to your .vim/colors directory.

$ cd lavalamp/vim
$ cp lavalamp.vim ~/.vim/colors/

Then update your .vimrc with these lines:

syntax enable
set background=dark
colorscheme lavalamp

If you're using airline, you can install the lavalamp theme for that.

$ cd lavalamp/vim/autoload/airline/themes
$ cp lavalamp.vim ~/.vim/autoload/airline/themes/

For the iTerm theme, you should be able to double-click on the lavalamp/iterm/lavalamp.itermcolors file to install it.

If you're using CoffeeScript, I highly recommend installing the vim-coffee-script plugin since it offers much better syntax highlighting (which lavalamp utilizes).

For xterm, you should copy the contents of xterm/Xresources to your ~/.Xresources.

Terminal Vim

If you're running Vim in a terminal (as opposed to MacVim, etc.) this colorscheme won't work by default. You can use the CSApprox plugin to get it working though. You also may need to add this line to your .vimrc:

set t_Co=256

Design principles

The idea behind the theme is that each language has its own core color. This way, it's easier to visually differentiate languages when they're used together.

For example, HTML uses shades of blue while Ruby uses red. Then it's easy to see your ERB tags:

CSS uses purple (an homage to @mdo):

In a Sass file, it's easy to see vanilla CSS vs. Sass (which is red, since it's Ruby):

I've chosen green for Javascript:

And browns for Coffeescript:

The iTerm and Terminal themes look like so:

Contributing

  1. Fork it ( http://github.com/jasonlong/lavalamp/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

If you'd like to add support for addtional languages, you'll need to add new entries for each syntax scope. I have found vim-HiLinkTrace to be very handy for figuring out what a given scope a character is in. Once you've installed that (via Vundle, NeoBundle, etc.), you can add a keyboard shortcut to your .vimrc. This is what I use:

nmap <leader>h :HLT<CR>

Then, when your cursor is over a character you want to know about, hit <leader>h and the syntax scope will be shown at the bottom of your Vim window. Create a new line with this in lavalamp.vim.

Roadmap

I've been using this theme for a while in this state since these are the languages I mostly use. If more people want to use the theme, more languages will need to be fleshed out.

And I'd really :heart: some help getting this working with Atom and Sublime as similarly as possible.

主要指标

概览
名称与所有者jasonlong/lavalamp
主编程语言Vim Script
编程语言CSS (语言数: 2)
平台
许可证MIT License
所有者活动
创建于2014-03-02 22:22:55
推送于2019-02-14 20:40:40
最后一次提交2016-02-12 08:52:51
发布数0
用户参与
星数327
关注者数13
派生数8
提交数83
已启用问题?
问题数10
打开的问题数0
拉请求数4
打开的拉请求数0
关闭的拉请求数1
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?