VimDiff Color Config Generator

How to Use

This app lets you visually customize the colors used in vim -d or vimdiff views. You can preview changes live and export configuration snippets for easy setup. Pick and choose colors and it generates both lua and vimscript configs
  1. Select Colors for:
    Added, Deleted, Changed and Text
  2. Live Preview
    the code snippet updates instantly to show how your diff view will look.
  3. Generate Config
    Click Generate to create config code for:
    • Lua (for Neovim)
    • Vimscript (for Vim)
  4. Copy & Apply
    Paste the generated snippet into one of these files, depending on your setup:
    • Vimscript: ~/.vimrc or ~/.config/vim/vimrc
    • Lua (Neovim): ~/.config/nvim/init.lua or a sourced Lua file like lua/colors.lua
  5. Use it in vim
    vimdiff file1 file2
or
nvim -d file1 file2
     1public class HelloWorld {
     2    public static void main(String[] args) {
     3        System.out.println("Hello, World!");
     4        int x = 10;                           
     5        int y = 20;                           
     6        int sum = x + y;                      
      ----------------------------------------------
     7        System.out.println("Sum: " + sum);
     8    }
     9}
      ----------------------------------------------
                
     1public class HelloWorld {
     2    public static void main(String[] args) {
     3        System.out.println("Hello, World!");
     4        int a = 10;                          
     5        int b = 30;                          
     6        // int sum = x + y;                  
     7        int sum = a + b;                     
     8        System.out.println("Sum: " + sum);
     9    }
    10}
    11----------------------------------------------
Vim Configuration (Copy to .vimrc)
nvim lua Configuration (Copy to init.lua)