Giter Club home page Giter Club logo

vim-monokai-tasty's Introduction

vim-monokai-tasty

PRs Welcome Maintenance Last commit

Monokai forever! ๐ŸŽ‰ Inspired by Sublime Text's interpretation of monokai, this colour is both gui- and cterm-supported. It works for all languages, and is particularly good for JavaScript and TypeScript development โค๏ธ

Unlike other monokai implementations, vim-monokai-tasty targets named syntax groups from a variety of plugins (listed below). 1This colorscheme is 74% tastier than competitors ๐ŸŒฎ

1according to me

๐Ÿ”Œ Installation

If you use pathogen

git clone https://github.com/patstockwell/vim-monokai-tasty.git ~/.vim/bundle/vim-monokai-tasty

If you use vim-plug, add the following and run :PlugInstall

Plug 'patstockwell/vim-monokai-tasty'

If you use Vundle, add the following and run :PluginInstall

Plugin 'patstockwell/vim-monokai-tasty'

If you use minpac, add the following and run :call minpac#update()

call minpac#add('vim-jp/syntax-vim-ex')

๐Ÿบ Use

Add the following to your .vimrc (after the Plug declaration):

colorscheme vim-monokai-tasty

If you use a terminal that supports italic text, add (before the colorscheme declaration):

let g:vim_monokai_tasty_italic = 1
colorscheme vim-monokai-tasty

If you want the slightly darker blue variant of monokai called "Machine"

let g:vim_monokai_tasty_machine_tint = 1
colorscheme vim-monokai-tasty

To use the included lightline.vim theme:

let g:lightline = { 'colorscheme': 'monokai_tasty' }

To use the included vim-airline theme:

let g:airline_theme='monokai_tasty'

๐Ÿ“š Additional plugins with targeted syntax groups

For JavaScript, TypeScript, and React development, monokai-tasty supports definitions from all these plugins. Add some of these for an even better look and feel:

Plug 'HerringtonDarkholme/yats.vim'
Plug 'pangloss/vim-javascript'
Plug 'MaxMEllon/vim-jsx-pretty'
Plug 'styled-components/vim-styled-components'
Plug 'elzr/vim-json'
Plug 'jparise/vim-graphql'

๐Ÿ”ฎ Extras

  • If you use iterm2 (you should), there is an included monokai.itermcolors file.
  • If you use GnuCoreutils there is a dircolors file (compliments the iterm colours)

๐Ÿ“บ Screen shots

๐ŸŒŸ Example .vimrc

" put Plug declaration first
call plug#begin('~/.vim/plugged')
Plug 'patstockwell/vim-monokai-tasty'
Plug 'HerringtonDarkholme/yats.vim'
Plug 'pangloss/vim-javascript'
Plug 'MaxMEllon/vim-jsx-pretty'
Plug 'elzr/vim-json'
Plug 'styled-components/vim-styled-components'
Plug 'itchyny/lightline.vim'
Plug 'vim-airline/vim-airline'
call plug#end()

let g:vim_monokai_tasty_italic = 1                    " allow italics, set this before the colorscheme
let g:vim_monokai_tasty_machine_tint = 1              " use `mahcine` colour variant
colorscheme vim-monokai-tasty                         " set the colorscheme

" Optional themes for airline/lightline
let g:airline_theme='monokai_tasty'                   " airline theme
let g:lightline = { 'colorscheme': 'monokai_tasty' }  " lightline theme

" If you don't like a particular colour choice from `vim-monokai-tasty`, you can
" override it here. For example, to change the colour of the search hightlight:
hi Search guifg=#bada55 guibg=#000000 gui=bold ctermfg=green ctermbg=black cterm=bold

" If you want to know what the name of a particular hightlight is, you can use
" `:What`. It prints out the syntax group that the cursor is currently above.
" https://www.reddit.com/r/vim/comments/6z4aau/how_to_stop_vim_from_autohighlighting_italics_in/
command! What echomsg synIDattr(synID(line('.'), col('.'), 1), 'name')

๐ŸŽจ Colour palette

Colour name Colour Code Colour
Yellow #ffff87 #ffff87
Purple #af87ff #af87ff
Light Green #A4E400 #A4E400
Light Blue #62D8F1 #62D8F1
Magenta #FC1A70 #FC1A70
Orange #FF9700 #FF9700

๐Ÿ— Support

If you like vim-monokai-tasty or find this plugin useful, you can support me by donating bitcoin to the following address.

1AddzniWjahrTidwC1QhBkcX7RYwn2JVoq

vim-monokai-tasty's People

Contributors

patstockwell avatar pat-stockwell avatar joshukraine avatar harababurel avatar tgfisher avatar aldur avatar georgeanderson avatar monstrousogre avatar ryanolsonx avatar ptiza avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.