excelkks / vsdark.nvim

vscode.nvim

vscode.nvim (former codedark.nvim) a Lua port of vim-code-dark colorscheme for neovim with vscode light and dark theme

Dark

Light

#️ Supported Plugins

• LSP
• Treesitter
• nvim-compe
• Telescope
• NvimTree
• BufferLine
• Git Signs
• Git Gutter
• Lualine
• Indent Blankline

⬇️ Installation

Install via package manager

-- Using Packer:
use 'Mofiqul/vscode.nvim'

" Using Vim-Plug:
Plug 'Mofiqul/vscode.nvim'

🚀 Usage

-- Lua:
-- For dark theme
vim.g.vscode_style = "dark"
-- For light theme
vim.g.vscode_style = "light"
vim.cmd[[colorscheme vscode]]

" Vim-Script:
" For dark theme
let g:vscode_style = "dark"
" For light theme
let g:vscode_style = "light"
colorscheme vscode

If you are using lualine, you can also enable the provided theme:

require('lualine').setup {
  options = {
    -- ... 
    theme = 'vscode'
    -- ... 
  }
}'

nvim-bufferline.lua setup for exact match as screen shots

-- Buffer line setup
require'bufferline'.setup{
	options = {
		indicator_icon = ' ',
    	buffer_close_icon = '',
    	modified_icon = '●',
    	close_icon = '',
		close_command = "Bdelete %d",
		right_mouse_command = "Bdelete! %d",
		left_trunc_marker = '',
    	right_trunc_marker = '',
		offsets = {{filetype = "NvimTree", text = "EXPLORER", text_align = "center"}},
		show_tab_indicators = true,
		show_close_icon = false
	},
	highlights = {
		fill = {
			guifg = {attribute = "fg", highlight = "Normal"},
			guibg = {attribute = "bg", highlight = "StatusLineNC"},
		},
		background = {
			guifg = {attribute = "fg", highlight = "Normal"},
			guibg = {attribute = "bg", highlight = "StatusLine"}
		},
		buffer_visible = {
			gui = "",
            guifg = {attribute = "fg", highlight="Normal"},
            guibg = {attribute = "bg", highlight = "Normal"}
		},
		buffer_selected = {
			gui = "",
            guifg = {attribute = "fg", highlight="Normal"},
            guibg = {attribute = "bg", highlight = "Normal"}
		},
		separator = {
			guifg = {attribute = "bg", highlight = "Normal"},
			guibg = {attribute = "bg", highlight = "StatusLine"},
		},
		separator_selected = {
            guifg = {attribute = "fg", highlight="Special"},
            guibg = {attribute = "bg", highlight = "Normal"}
		},
		separator_visible = {
			guifg = {attribute = "fg", highlight = "Normal"},
			guibg = {attribute = "bg", highlight = "StatusLineNC"},
		},
		close_button = {
			guifg = {attribute = "fg", highlight = "Normal"},
			guibg = {attribute = "bg", highlight = "StatusLine"}
		},
		close_button_selected = {
            guifg = {attribute = "fg", highlight="normal"},
            guibg = {attribute = "bg", highlight = "normal"}
		},
		close_button_visible = {
            guifg = {attribute = "fg", highlight="normal"},
            guibg = {attribute = "bg", highlight = "normal"}
		},

	}
}

Switching theme

:lua require('vscode').change_style("light") 
:lua require('vscode').change_style("dark") 

🍭 Extra folder

• Kitty color scheme
• Alacritty color scheme
• galaxyline.nvim theme

Something is broken but I know how to fix it!

Pull requests are welcome! Feel free to send one with an explanation!