Mofiqul/vscode.nvim

github github
tree-sitter-supported-colorscheme plugin
star 94
stars
alert-circle 5
open issues
users 2
subscribers
git-branch 9
forks
CREATED

2021-05-19

UPDATED

5 days ago

packer

require('packer').startup(function()
  use 'Mofiqul/vscode.nvim'
end)

paq

require "paq" { 
  'Mofiqul/vscode.nvim'
}

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

Dark

TypeScript and NvimTree

Light

TypeScript and NvimTree

#️ Supported Plugins

⬇️ 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

Something is broken but I know how to fix it!

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