tokyonight-vim: A Vim Script repository from aerosol

for more screenshot, check here

Originally by enkia

A clean, dark vim theme that celebrates the lights of downtown Tokyo at night based on a VS Code theme with the same name

now come with two variants, night and storm. The only difference is the background color, where the storm variant gets a lighter color

this colorscheme works best with vim-polyglot. Please install it first

this colorscheme only support true colors!

Plug 'ghifarit53/tokyonight-vim'

add this to your .vimrc

set termguicolors

let g:tokyonight_style = 'night' " available: night, storm
let g:tokyonight_enable_italic = 1

colorscheme tokyonight

if g:tokyonight_style isn't specified, the default night variant will be used

Note: The configuration options should be placed before colorscheme tokyonight .

g:tokyonight_style: Customize the style of this color scheme.
- Available values: 'night', 'storm'
- Default value: 'night'
g:tokyonight_transparent_background: Set to 1 to enable transparent background.
- Available values: 0, 1
- Default value: 0
g:tokyonight_menu_selection_background: Control the background color of PmenuSel and WildMenu .
- Available values: 'green', 'red', 'blue'
- Default value: 'green'
g:tokyonight_disable_italic_comment: Set to 1 to disable italic in Comment .
- Available values: 0, 1
- Default value: 0
g:tokyonight_enable_italic: Set to 1 to italicize keywords. This option is designed to use with fonts that support cursive italic styles, for example Fira Code iCursive Op.
- Available values: 0, 1
- Default value: 0
g:tokyonight_cursor: Customize the cursor color, only works in GUI clients.
- Available values: 'auto', 'red', 'green', 'blue'
- Default value: 'auto'
g:tokyonight_current_word: Some plugins can highlight the word under current cursor(for example neoclide/coc-highlight), you can use this option to control their behavior.
- Available values: 'bold', 'underline', 'italic', 'grey background'
- Default value: 'grey background' when not in transparent mode, 'bold' when in transparent mode.

This theme also has support for lightline as well as airline.

To enable lightline support:

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

To enable airline support:

let g:airline_theme = "tokyonight"

The lightline and airline styles will both follow the chosen colorscheme style.

.Xresources file available here if you want to port it
Tell me if you made a port and i'll list them here