vscode.nvim (formerly codedark.nvim) is a Lua port of vim-code-dark colorscheme for neovim with VScode's light and dark theme
- BarBar
- BufferLine
- Git Gutter
- Git Signs
- Indent Blankline
- LSP
- Lualine
- NvimTree
- Telescope
- Treesitter
- nvim-cmp
- nvim-compe
Install via package manager
-- Packer:
use 'Mofiqul/vscode.nvim'" 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 screenshots
require("bufferline").setup({
options = {
buffer_close_icon = "",
close_command = "Bdelete %d",
close_icon = "",
indicator_icon = " ",
left_trunc_marker = "",
modified_icon = "●",
offsets = { { filetype = "NvimTree", text = "EXPLORER", text_align = "center" } },
right_mouse_command = "Bdelete! %d",
right_trunc_marker = "",
show_close_icon = false,
show_tab_indicators = true,
},
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
- Xresources color scheme
- galaxyline.nvim theme
- zathura color scheme
Pull requests are welcome! Feel free to send one with an explanation!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent