Enhance your coding experience with the NeoVim UI Modes extension for Visual Studio Code! This extension dynamically adjusts your UI colors based on the current NeoVim mode, providing a seamless and immersive editing environment.

• Dynamic UI Colors: Automatic adjustment of UI colors based on NeoVim modes.
• Seamless Integration: Works effortlessly with the vscode-neovim extension.
• Fully Customizable: Personalize colors for every mode to match your preferences.

• Normal Mode
• Insert Mode
• Visual Mode
• Replace Mode
• Command Mode

To use this extension, ensure the following requirements are met:

• Visual Studio Code: Version 1.96.0 or later.
• NeoVim Integration: Use a plugin like vscode-neovim for communication between VS Code and NeoVim.

Modify your settings.json file to set custom colors for each NeoVim mode:

"nvim-ui-modes.ColorCustomizationsByModes": {
    "normal": {
        "editorCursor.foreground": "#e9dbb7",
        "activityBarBadge.background": "#e9dbb7",
        "activityBarBadge.foreground": "#252525",
        "statusBar.background": "#252525",
        "statusBar.foreground": "#e9dbb7"
    },
    "command": {
        "editorCursor.foreground": "#e9dbb7",
        "activityBarBadge.background": "#252525",
        "activityBarBadge.foreground": "#e9dbb7",
        "statusBar.background": "#e9dbb7",
        "statusBar.foreground": "#252525"
    },
    "insert": {
        "editorCursor.foreground": "#ee7f77",
        "activityBarBadge.background": "#e9dbb7",
        "activityBarBadge.foreground": "#252525",
        "statusBar.background": "#8d504c",
        "statusBar.foreground": "#e9dbb7"
    },
    "visual": {
        "editorCursor.foreground": "#56a4f6",
        "activityBarBadge.background": "#e9dbb7",
        "activityBarBadge.foreground": "#252525",
        "statusBar.background": "#415a81",
        "statusBar.foreground": "#e9dbb7"
    },
    "replace": {
        "editorCursor.foreground": "#6af596",
        "activityBarBadge.background": "#e9dbb7",
        "activityBarBadge.foreground": "#252525",
        "statusBar.background": "#39817f",
        "statusBar.foreground": "#e9dbb7"
    }
}

You can customize these and more UI elements:

• activityBarBadge.background
• editorCursor.foreground
• statusBar.background
• statusBar.foreground
• panel.border
• tab.activeBorder
• See more in the VS Code Theme Color Reference.

Note: These customizations overwrite existing workbench.colorCustomizations.

• When uninstalling this extension, clean up overridden keys in your settings.json under workbench.colorCustomizations.

If you find this extension helpful, consider supporting its development:

• BTC Address: bc1qajl9nu6slw0gevk2vhl2qh0u3nepndf786g400
• PayPal: paypal.me/aismith42

Thank you for your support! Your contributions help keep this project alive. 😊