{"id":2750,"date":"2023-03-31T17:21:04","date_gmt":"2023-03-31T11:51:04","guid":{"rendered":"https:\/\/smarttech101.com\/?p=2750"},"modified":"2023-08-31T12:45:27","modified_gmt":"2023-08-31T07:15:27","slug":"how-to-configure-colorscheme-in-vim-neovim","status":"publish","type":"post","link":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/","title":{"rendered":"How to Configure Colorscheme in Vim\/Neovim"},"content":{"rendered":"\n<p>In this article, I will talk about colorscheme in Neovim. I will talk about how to install a colorscheme theme in Vim\/Neovim, then how to activate it and put some modifications on it &#8211;  changing the color and font weight of cursorline, wrong spelling, diagnostics, and completion, markdown headings.<\/p>\n\n\n\n<p>This article assumes you have <a href=\"https:\/\/smarttech101.com\/how-to-configure-neovim\/\" target=\"_blank\" rel=\"noreferrer noopener\">set up a basic configuration of Vim\/Neovim<\/a>. If not done, do it. This article <strong>also assumes that you are using Vim\/Neovim in your terminal<\/strong>. However, it will definitely help you set your Graphical User Interface (GUI) nonetheless.<\/p>\n\n\n\n<p><strong>\ud83d\udcdd Note:<\/strong> All of these settings have been checked on Neovim. But they should work on Vim too.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Table of Contents<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#available_colorschemes_in_vimneovim\">Available colorschemes in Vim\/Neovim<\/a><\/li>\n\n\n\n<li><a href=\"#installation_of_themes_in_vimneovim\">Installation of themes in Vim\/Neovim<\/a><\/li>\n\n\n\n<li><a href=\"#how_to_change_color_and_weight_of_comments_in_vimneovim\">How to change the color, and weight of comments in Vim\/Neovim<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#cterm_in_neovimvim\">cterm in Neovim\/Vim<\/a><\/li>\n\n\n\n<li><a href=\"#ctermfg_and_ctermbg_in_neovim_colorscheme\">ctermfg and ctermbg in Neovim colorscheme<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#highlight_diagnostics_in_neovim_lsp_colorscheme\">Highlight diagnostics in Neovim LSP colorscheme<\/a><\/li>\n\n\n\n<li><a href=\"#highlight_cursor_line_and_cursor_line_number_in_neovim_colorscheme\">Highlight Cursor Line and Cursor Line Number in Neovim colorscheme<\/a><\/li>\n\n\n\n<li><a href=\"#how_to_highlight_markdown_headings_in_neovimvim_colorscheme\">How to highlight markdown headings in Neovim\/Vim colorscheme<\/a><\/li>\n\n\n\n<li><a href=\"#highlight_spellings_in_neovimvim_colorscheme\">Highlight spellings in Neovim\/Vim colorscheme<\/a><\/li>\n\n\n\n<li><a href=\"#highlight_completion_popup_menu_in_neovim\">Highlight the completion popup menu in Neovim<\/a><\/li>\n\n\n\n<li><a href=\"#conclusion\">Conclusion<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"available_colorschemes_in_vimneovim\">Available colorschemes in Vim\/Neovim<\/h2>\n\n\n\n<p>By default, Neovim and Vim come preinstalled with some colorschemes. To find out available colorschemes, execute the command &#8211; <code>:colorscheme<\/code> and <strong>keep pressing tabs<\/strong>. Select the colorscheme one by one and hit Enter to test it out. Don&#8217;t worry; they will not be applied permanently. After restarting your neovim\/vim window, they will be gone.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"731\" height=\"460\" src=\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/available_colorscheme_vim_neovim.png?resize=731%2C460&#038;ssl=1\" alt=\"available colorscheme in vim\/neovim\" class=\"wp-image-2761\"\/><figcaption class=\"wp-element-caption\">Fig: available colorscheme in vim\/neovim<\/figcaption><\/figure>\n\n\n\n<p>After you are satisfied, you can put <code>colorscheme &lt;your_chosen_colorscheme&gt;<\/code> in your <code>init.vim<\/code> or <code>.vimrc<\/code> file to make the changes permanent. As I have recommended in my article on the <a href=\"https:\/\/smarttech101.com\/how-to-configure-neovim\/#configuration_file_in_neovim\" target=\"_blank\" rel=\"noreferrer noopener\">basic configuration of vim\/neovim, you should partition your settings for better readability<\/a>. So, create a separate colorscheme file, <code>~\/.config\/nvim\/themes\/&lt;colorscheme_name&gt;.vim<\/code> and put all the colorscheme-related settings in this file instead of <code>init.vim<\/code> or <code>.vimrc<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>colorscheme &lt;your_chosen_colorscheme&gt;<\/code><\/pre>\n\n\n\n<p>Then, source it in your <code>init.vim<\/code> or <code>.vimrc<\/code> file using the <code>source<\/code> command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>source $HOME\/.config\/nvim\/themes\/wal.vim<\/code><\/pre>\n\n\n\n<p>And don&#8217;t forget to replace <code>&lt;your_chosen_colorscheme&gt;<\/code> with the name of your chosen scheme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installation_of_themes_in_vimneovim\">Installation of themes in Vim\/Neovim<\/h2>\n\n\n\n<p>If you are not satisfied with the available colorschemes in Neovim\/Vim, the other way is the installation of a plugin. For this, you can use a plugin manager.<\/p>\n\n\n\n<p>Personally, I use a <a href=\"https:\/\/github.com\/dylanaraps\/wal.vim\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">colorscheme based on pywal<\/a> in Neovim. To install this plugin using the plugin manager Vim-Plug*, run the following command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Plug 'dylanaraps\/wal.vim'<\/code><\/pre>\n\n\n\n<p>*<a href=\"https:\/\/smarttech101.com\/how-to-manage-plugins-in-vim-neovim-ft-vim-plug\/\">Head on over to this article for a detailed and easy guide on managing plugins using vim-plug.<\/a><\/p>\n\n\n\n<p>For other plugin managers, the installation will be almost the same. Follow their procedure.<\/p>\n\n\n\n<p><strong>\u2694\ufe0f Conflict:<\/strong> The setting <code>set termguicolors<\/code> conflicts with the above pywal theme so remove this setting.<\/p>\n\n\n\n<p>To activate this pywal colorscheme in Neovim\/Vim, put the following in your setting file <code>~\/.config\/nvim\/themes\/wal.vim<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>colorscheme wal<\/code><\/pre>\n\n\n\n<p>From now on, I am going to tell you how to overwrite the colors provided by these colorscheme. This<strong> overwriting has been tasted on the pywal theme. But it should work on other nvim themes.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how_to_change_color_and_weight_of_comments_in_vimneovim\">How to change the color, and weight of comments in Vim\/Neovim<\/h2>\n\n\n\n<p>Put the following in your configuration file <code>~\/.config\/nvim\/themes\/wal.vim<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>highlight Comment cterm=italic ctermfg=8<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"955\" height=\"301\" src=\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/comments_in_vim_and_neovim.png?resize=955%2C301&#038;ssl=1\" alt=\"comment in vim\/neovim\" class=\"wp-image-2763\" srcset=\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/comments_in_vim_and_neovim.png?w=955&amp;ssl=1 955w, https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/comments_in_vim_and_neovim.png?resize=768%2C242&amp;ssl=1 768w\" sizes=\"(max-width: 955px) 100vw, 955px\" \/><figcaption class=\"wp-element-caption\">Figure: comment in vim\/neovim<\/figcaption><\/figure>\n\n\n\n<p><strong>\ud83d\udcdd<\/strong> <strong>Note :<\/strong> <code>hi<\/code> and <code>highlight<\/code> are the same.<\/p>\n\n\n\n<p>Now, I will explain each of these terms one by one. They are<strong> used not just in comments <\/strong>but almost everywhere.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"cterm_in_neovimvim\">cterm in Neovim\/Vim<\/h3>\n\n\n\n<p>To change the weight of the font, use <code>cterm<\/code>. Set it to one of the following or to a comma-separated list:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>bold<\/li>\n\n\n\n<li>underline<\/li>\n\n\n\n<li>undercurl: curly underline<\/li>\n\n\n\n<li>underdouble: double underline<\/li>\n\n\n\n<li>underdotted: dotted underline<\/li>\n\n\n\n<li>underdashed: dashed underline<\/li>\n\n\n\n<li>strikethrough<\/li>\n\n\n\n<li>reverse<\/li>\n\n\n\n<li>inverse: same as reverse<\/li>\n\n\n\n<li>italic<\/li>\n\n\n\n<li>standout<\/li>\n\n\n\n<li>NONE: no attributes used (used to reset it)<\/li>\n<\/ul>\n\n\n\n<p>Your terminal should also support these. Most modern terminals like <a href=\"https:\/\/sw.kovidgoyal.net\/kitty\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Kitty<\/a> will work but you might face the problem with minimal ones like Urxvt. <a href=\"https:\/\/smarttech101.com\/urxvt-installation-color-scheme-fonts-resize-etc\/\" target=\"_blank\" rel=\"noreferrer noopener\">Configure your urxvt terminal <\/a>based on this article.<\/p>\n\n\n\n<p><strong>Note: <\/strong>Append <code>gui=italic<\/code> to see the similar result in Graphical User Interface (GUI).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ctermfg_and_ctermbg_in_neovim_colorscheme\">ctermfg and ctermbg in Neovim colorscheme<\/h3>\n\n\n\n<p>The terms <code>ctermfg<\/code> and <code>ctermbg<\/code> are used to set the foreground colors (the color used to colorize your fonts) and the background colors respectively.<\/p>\n\n\n\n<p>Use the shell script <a href=\"https:\/\/gist.github.com\/vivkin\/567896630dbc588ad470b8196c601ad1#file-256-color-table-sh\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">256-color-table.sh<\/a> to find out colors. Read this article to learn <a href=\"https:\/\/smarttech101.com\/how-to-create-shell-scripts-in-linux-unix\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to create shell scripts<\/a>. Just run the script in your terminal and choose your favourite color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"807\" height=\"304\" src=\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/256_color_palette.png?resize=807%2C304&#038;ssl=1\" alt=\"256 color palette\" class=\"wp-image-2764\" srcset=\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/256_color_palette.png?w=807&amp;ssl=1 807w, https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/256_color_palette.png?resize=768%2C289&amp;ssl=1 768w\" sizes=\"(max-width: 807px) 100vw, 807px\" \/><figcaption class=\"wp-element-caption\">Figure: 256 color palette<\/figcaption><\/figure>\n\n\n\n<p>Fig: <code>color[12,160]<\/code> in the output matrix = color <code>12+160<\/code> = color 172<\/p>\n\n\n\n<p><strong>\ud83d\udcdd<\/strong> <strong>Note:<\/strong> If the color is beyond 16 i.e. the sum obtained above is more than 16, use <code>set t_Co=256<\/code> in your vim\/neovim setting file (<code>init.vim<\/code> or <code>.vimrc<\/code>)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"highlight_diagnostics_in_neovim_lsp_colorscheme\">Highlight diagnostics in Neovim LSP colorscheme<\/h2>\n\n\n\n<p>If you don&#8217;t use Neovim&#8217;s LSP, you can skip this paragraph.<\/p>\n\n\n\n<p>To learn about <a href=\"https:\/\/smarttech101.com\/nvim-lsp-diagnostics-keybindings-signs-virtual-texts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Neovim Language Server Protocol&#8217;s diagnostics and how to configure it<\/a>, read this article.<\/p>\n\n\n\n<p>Here is the color configuration I use for diagnostics:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>highlight DiagnosticVirtualTextError ctermfg=8\nhighlight DiagnosticVirtualTextInfo ctermfg=8\nhighlight DiagnosticVirtualTextWarn ctermfg=8\nhighlight DiagnosticVirtualTextHint ctermfg=8<\/code><\/pre>\n\n\n\n<p>Here, all the Errors, Information, Warning, and Hints will be highlighted in a single color. Change these colors according to your need.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1282\" height=\"315\" src=\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/diagnostics_color.png?resize=1282%2C315&#038;ssl=1\" alt=\" diagnostics color in vim\/neovim\" class=\"wp-image-2765\" srcset=\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/diagnostics_color.png?w=1282&amp;ssl=1 1282w, https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/diagnostics_color.png?resize=768%2C189&amp;ssl=1 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Figure: diagnostics color in vim\/neovim<\/figcaption><\/figure>\n\n\n\n<p>To <a href=\"https:\/\/smarttech101.com\/nvim-lsp-configure-language-servers-shortcuts-highlights\/#highlight_symbol_under_the_cursor_using_nvim_lsp\" target=\"_blank\" rel=\"noreferrer noopener\">highlight the symbol under the cursor<\/a>, look here.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"highlight_cursor_line_and_cursor_line_number_in_neovim_colorscheme\">Highlight Cursor Line and Cursor Line Number in Neovim colorscheme<\/h2>\n\n\n\n<p>To highlight the cursor line and cursor line number, use the following settings:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>highlight CursorLine term=NONE cterm=NONE ctermbg=236 ctermfg=NONE\nhi CursorLineNr cterm=NONE ctermbg=236 ctermfg=7<\/code><\/pre>\n\n\n\n<p>Where,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>term=NONE<\/code> and <code>cterm=NONE<\/code> do not put any weight (bold, italic etc.) over the font<\/li>\n\n\n\n<li><code>ctermbg<\/code>, <code>ctermfg<\/code> are just like above.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"955\" height=\"301\" src=\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/cursor_and_cursor_line_number_vim_neovim.png?resize=955%2C301&#038;ssl=1\" alt=\"cursor line and cursor line number in vim\/neovim\" class=\"wp-image-2766\" srcset=\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/cursor_and_cursor_line_number_vim_neovim.png?w=955&amp;ssl=1 955w, https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/cursor_and_cursor_line_number_vim_neovim.png?resize=768%2C242&amp;ssl=1 768w\" sizes=\"(max-width: 955px) 100vw, 955px\" \/><figcaption class=\"wp-element-caption\">Figure: cursor line and cursor line number in vim\/neovim<\/figcaption><\/figure>\n\n\n\n<p><strong>\ud83d\udcdd<\/strong> <strong>Note: <\/strong>You can also<strong> remove the highlights when you enter insert mode<\/strong>. But personally, I don&#8217;t use it. Here are the settings for this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>autocmd InsertEnter * highlight CursorLine term=NONE cterm=NONE ctermbg=0 ctermfg=NONE\nautocmd InsertLeave * highlight CursorLine term=NONE cterm=bold ctermbg=236 ctermfg=NONE<\/code><\/pre>\n\n\n\n<p>Where,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>InsertEnter<\/code> tells Neovim when we enter INSERT mode<\/li>\n\n\n\n<li><code>InsertLeave<\/code> tells Neovim when we leave INSERT mode.<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udcdd <strong>Note<\/strong>: You can <strong>toggle cursorline<\/strong> using <code>set cursorline!<\/code>. You can bind this to a key sequence (say, <code>tc<\/code>) and when you press these keys, cursorline will be turned off and pressing this again, it will be turned on. Use the following settings for that:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>nnoremap tc :set cursorline!&lt;CR&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how_to_highlight_markdown_headings_in_neovimvim_colorscheme\">How to highlight markdown headings in Neovim\/Vim colorscheme<\/h2>\n\n\n\n<p>Personally, I do not like the color configuration given by pywal for markdown headings. So I modified those using the following configuration.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>hi markdownH1 cterm=bold ctermbg=NONE ctermfg=DarkMagenta\nhi markdownH2 cterm=bold ctermbg=NONE ctermfg=DarkMagenta\nhi markdownH3 ctermbg=NONE ctermfg=Magenta\n  hi link markdownH4 markdownH3\n  hi link markdownH5 markdownH3\n  hi link markdownH6 markdownH3\nhi markdownCode ctermbg=8 ctermfg=NONE\nhi markdownCodeBlock ctermbg=8 ctermfg=NONE<\/code><\/pre>\n\n\n\n<p>Where,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>markdownH1<\/code>, <code>markdownH2<\/code>, <code>markdownH3<\/code>, <code>markdownH4<\/code>, <code>markdownH5<\/code>, and <code>markdownH6<\/code> are for headings <code>H1<\/code>, <code>H2<\/code>, <code>H3<\/code>, <code>H4<\/code>, <code>H5<\/code>, <code>H6<\/code>.<\/li>\n\n\n\n<li><code>link<\/code> tells Neovim\/Vim to use the same highlighting for the given headings.<\/li>\n\n\n\n<li><code>markdownCode<\/code> and <code>markdownCodeBlock<\/code> are for the codes and codeblock (codes written in single and triple quotes respectively).<\/li>\n<\/ul>\n\n\n\n<p><strong>\u2694\ufe0f Conflict<\/strong>: This setting is overwritten by the plugin <a href=\"https:\/\/github.com\/preservim\/vim-markdown\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">vim-markdown<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"highlight_spellings_in_neovimvim_colorscheme\">Highlight spellings in Neovim\/Vim colorscheme<\/h2>\n\n\n\n<p>You might want to put different weights and colors on bad spellings, wrong upper\/lowercase letters, etc. For that, use\/modify the following codes:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>hi SpellBad ctermbg=NONE ctermfg=NONE cterm=underline\nhi SpellCap ctermbg=NONE ctermfg=NONE cterm=underline\nhi SpellLocal ctermbg=NONE ctermfg=NONE cterm=underline\nhi SpellRare ctermbg=NONE ctermfg=NONE cterm=underline<\/code><\/pre>\n\n\n\n<p>Use <code>ctermbg<\/code> <code>ctermfg<\/code>, and <code>cterm<\/code> according to your preference. I have removed all colors. Only underlining will be shown to remove the intrusion.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/spell_check_in_neovim-1.png?resize=239%2C112&#038;ssl=1\" alt=\"spelling check by vim\/neovim\" class=\"wp-image-2762\" style=\"width:239px;height:112px\" width=\"239\" height=\"112\"\/><figcaption class=\"wp-element-caption\">Figure: spelling check by vim\/neovim<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"highlight_completion_popup_menu_in_neovim\">Highlight the completion popup menu in Neovim<\/h2>\n\n\n\n<p>If you have not <a href=\"https:\/\/smarttech101.com\/nvim-lsp-autocompletion-mapping-snippets-fuzzy-search\/\" target=\"_blank\" rel=\"noreferrer noopener\">set up your autocompletion in Neovim<\/a>, do it using this article.<\/p>\n\n\n\n<p>To highlight the completion menu, copy and\/or modify the following commands:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>highlight CmpItemAbbrDeprecated ctermfg=08\nhighlight CmpItemAbbrMatch ctermfg=75\nhighlight CmpItemAbbrMatchFuzzy ctermfg=75\nhighlight CmpItemKindVariable ctermfg=117\nhighlight CmpItemKindInterface ctermfg=117\nhighlight CmpItemKindText ctermfg=117\nhighlight CmpItemKindFunction ctermfg=176\nhighlight CmpItemKindMethod ctermfg=176\nhighlight CmpItemKindKeyword ctermfg=187\nhighlight CmpItemKindProperty ctermfg=187\nhighlight CmpItemKindUnit ctermfg=187<\/code><\/pre>\n\n\n\n<p>To learn more about these terms look at the help page (type <code>:help CmpItem<\/code> and hit the tab button one or more time).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>That&#8217;s all about Neovim colorscheme. To learn more, look at the help page (using <code>:help &lt;your_help_text&gt;<\/code>) in Neovim and its documents especially at <code>\/usr\/share\/nvim\/runtime\/doc\/syntax.txt<\/code>. For vim, look at similar file(s). This <a href=\"https:\/\/github.com\/dylanaraps\/wal\/blob\/master\/colors\/wal.vim\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">color file in pywal<\/a> has various terms, you can just copy, and modify these codes and see if they work for you. If you have any suggestions or queries, put them in the comment section below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I will talk how to install a colorscheme theme in Vim\/Neovim, then how to activate it and put some modifications to these colorscheme &#8211; changing the color and font weight of cursorline, wrong spelling, diagnostics and completion, markdown headings.<\/p>\n","protected":false},"author":2,"featured_media":2774,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[37],"tags":[40,39],"class_list":["post-2750","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-neovim","tag-neovim","tag-nvim"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Configure Colorscheme in Vim\/Neovim | SmartTech101<\/title>\n<meta name=\"description\" content=\"It is about colorscheme configuration of Neovim - themes, cursorline, wrong spelling, diagnostics and completion, markdown headings.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Configure Colorscheme in Vim\/Neovim | SmartTech101\" \/>\n<meta property=\"og:description\" content=\"It is about colorscheme configuration of Neovim - themes, cursorline, wrong spelling, diagnostics and completion, markdown headings.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/\" \/>\n<meta property=\"og:site_name\" content=\"SmartTech101\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-31T11:51:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-31T07:15:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ajay\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ajay_yadav\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ajay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/\"},\"author\":{\"name\":\"Ajay\",\"@id\":\"https:\/\/smarttech101.com\/#\/schema\/person\/2edfee738a82f9c963210f8cdb438334\"},\"headline\":\"How to Configure Colorscheme in Vim\/Neovim\",\"datePublished\":\"2023-03-31T11:51:04+00:00\",\"dateModified\":\"2023-08-31T07:15:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/\"},\"wordCount\":1194,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/smarttech101.com\/#\/schema\/person\/e8d5aebc510d698e11e9df6291381633\"},\"image\":{\"@id\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png?fit=1280%2C720&ssl=1\",\"keywords\":[\"neovim\",\"nvim\"],\"articleSection\":[\"Neovim\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/\",\"url\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/\",\"name\":\"How to Configure Colorscheme in Vim\/Neovim | SmartTech101\",\"isPartOf\":{\"@id\":\"https:\/\/smarttech101.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png?fit=1280%2C720&ssl=1\",\"datePublished\":\"2023-03-31T11:51:04+00:00\",\"dateModified\":\"2023-08-31T07:15:27+00:00\",\"description\":\"It is about colorscheme configuration of Neovim - themes, cursorline, wrong spelling, diagnostics and completion, markdown headings.\",\"breadcrumb\":{\"@id\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png?fit=1280%2C720&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png?fit=1280%2C720&ssl=1\",\"width\":1280,\"height\":720,\"caption\":\"How to Configure Colorscheme in Vim\/Neovim\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/smarttech101.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Configure Colorscheme in Vim\/Neovim\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/smarttech101.com\/#website\",\"url\":\"https:\/\/smarttech101.com\/\",\"name\":\"SmartTech101\",\"description\":\"Do Everything in Linux\",\"publisher\":{\"@id\":\"https:\/\/smarttech101.com\/#\/schema\/person\/e8d5aebc510d698e11e9df6291381633\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/smarttech101.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/smarttech101.com\/#\/schema\/person\/e8d5aebc510d698e11e9df6291381633\",\"name\":\"Ajay Yadav\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/smarttech101.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2022\/09\/cropped-ST101_logo.png?fit=180%2C60&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2022\/09\/cropped-ST101_logo.png?fit=180%2C60&ssl=1\",\"width\":180,\"height\":60,\"caption\":\"Ajay Yadav\"},\"logo\":{\"@id\":\"https:\/\/smarttech101.com\/#\/schema\/person\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/smarttech101.com\/#\/schema\/person\/2edfee738a82f9c963210f8cdb438334\",\"name\":\"Ajay\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/smarttech101.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6eea348caae2173954765a7cdf6cd107?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6eea348caae2173954765a7cdf6cd107?s=96&d=mm&r=g\",\"caption\":\"Ajay\"},\"sameAs\":[\"https:\/\/x.com\/ajay_yadav\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Configure Colorscheme in Vim\/Neovim | SmartTech101","description":"It is about colorscheme configuration of Neovim - themes, cursorline, wrong spelling, diagnostics and completion, markdown headings.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/","og_locale":"en_US","og_type":"article","og_title":"How to Configure Colorscheme in Vim\/Neovim | SmartTech101","og_description":"It is about colorscheme configuration of Neovim - themes, cursorline, wrong spelling, diagnostics and completion, markdown headings.","og_url":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/","og_site_name":"SmartTech101","article_published_time":"2023-03-31T11:51:04+00:00","article_modified_time":"2023-08-31T07:15:27+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png","type":"image\/png"}],"author":"Ajay","twitter_card":"summary_large_image","twitter_creator":"@ajay_yadav","twitter_misc":{"Written by":"Ajay","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#article","isPartOf":{"@id":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/"},"author":{"name":"Ajay","@id":"https:\/\/smarttech101.com\/#\/schema\/person\/2edfee738a82f9c963210f8cdb438334"},"headline":"How to Configure Colorscheme in Vim\/Neovim","datePublished":"2023-03-31T11:51:04+00:00","dateModified":"2023-08-31T07:15:27+00:00","mainEntityOfPage":{"@id":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/"},"wordCount":1194,"commentCount":0,"publisher":{"@id":"https:\/\/smarttech101.com\/#\/schema\/person\/e8d5aebc510d698e11e9df6291381633"},"image":{"@id":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png?fit=1280%2C720&ssl=1","keywords":["neovim","nvim"],"articleSection":["Neovim"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/","url":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/","name":"How to Configure Colorscheme in Vim\/Neovim | SmartTech101","isPartOf":{"@id":"https:\/\/smarttech101.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#primaryimage"},"image":{"@id":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png?fit=1280%2C720&ssl=1","datePublished":"2023-03-31T11:51:04+00:00","dateModified":"2023-08-31T07:15:27+00:00","description":"It is about colorscheme configuration of Neovim - themes, cursorline, wrong spelling, diagnostics and completion, markdown headings.","breadcrumb":{"@id":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#primaryimage","url":"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png?fit=1280%2C720&ssl=1","contentUrl":"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png?fit=1280%2C720&ssl=1","width":1280,"height":720,"caption":"How to Configure Colorscheme in Vim\/Neovim"},{"@type":"BreadcrumbList","@id":"https:\/\/smarttech101.com\/how-to-configure-colorscheme-in-vim-neovim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smarttech101.com\/"},{"@type":"ListItem","position":2,"name":"How to Configure Colorscheme in Vim\/Neovim"}]},{"@type":"WebSite","@id":"https:\/\/smarttech101.com\/#website","url":"https:\/\/smarttech101.com\/","name":"SmartTech101","description":"Do Everything in Linux","publisher":{"@id":"https:\/\/smarttech101.com\/#\/schema\/person\/e8d5aebc510d698e11e9df6291381633"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smarttech101.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/smarttech101.com\/#\/schema\/person\/e8d5aebc510d698e11e9df6291381633","name":"Ajay Yadav","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smarttech101.com\/#\/schema\/person\/image\/","url":"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2022\/09\/cropped-ST101_logo.png?fit=180%2C60&ssl=1","contentUrl":"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2022\/09\/cropped-ST101_logo.png?fit=180%2C60&ssl=1","width":180,"height":60,"caption":"Ajay Yadav"},"logo":{"@id":"https:\/\/smarttech101.com\/#\/schema\/person\/image\/"}},{"@type":"Person","@id":"https:\/\/smarttech101.com\/#\/schema\/person\/2edfee738a82f9c963210f8cdb438334","name":"Ajay","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smarttech101.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6eea348caae2173954765a7cdf6cd107?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6eea348caae2173954765a7cdf6cd107?s=96&d=mm&r=g","caption":"Ajay"},"sameAs":["https:\/\/x.com\/ajay_yadav"]}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/smarttech101.com\/wp-content\/uploads\/2023\/03\/How-to-Configure-Colorscheme-in-VimNeovim.png?fit=1280%2C720&ssl=1","_links":{"self":[{"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/posts\/2750"}],"collection":[{"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/comments?post=2750"}],"version-history":[{"count":5,"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/posts\/2750\/revisions"}],"predecessor-version":[{"id":3096,"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/posts\/2750\/revisions\/3096"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/media\/2774"}],"wp:attachment":[{"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/media?parent=2750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/categories?post=2750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smarttech101.com\/wp-json\/wp\/v2\/tags?post=2750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}