vscode.nvim (former codedark.nvim) a Lua port of vim-code-dark colorscheme for neovim with vscode light and dark theme
- LSP
- Treesitter
- nvim-compe
- nvim-cmp
- Telescope
- NvimTree
- BufferLine
- BarBar
- Git Signs
- Git Gutter
- Lualine
- Indent Blankline
Install via package manager
-- Using Packer:
use 'Mofiqul/vscode.nvim'" Using Vim-Plug:
Plug 'Mofiqul/vscode.nvim'-- Lua:
-- For dark theme
vim.g.vscode_style = "dark"
-- For light theme
vim.g.vscode_style = "light"
-- Enable transparent background.
vim.g.vscode_transparent = 1
-- Enable italic comment
vim.g.vscode_italic_comment = 1
-- Disable nvim-tree background color
vim.g.vscode_disable_nvimtree_bg = true
vim.cmd[[colorscheme vscode]]
" Vim-Script:
" For dark theme
let g:vscode_style = "dark"
" For light theme
let g:vscode_style = "light"
" Enable transparent background.
let g:vscode_transparency = 1
" Enable italic comment
let g:vscode_italic_comment = 1
" Disable nvim-tree background color
let g:vscode_disable_nvimtree_bg = v:true
colorscheme vscodeIf 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"}
},
}
}
:lua require('vscode').change_style("light")
:lua require('vscode').change_style("dark")
- Kitty color scheme
- Alacritty color scheme
- galaxyline.nvim theme
Pull requests are welcome! Feel free to send one with an explanation!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent