VS Code Extensions
Cursor AI Native Theme

Cursor AI Native Theme

by Alpha-1729

Cursor-inspired VS Code theme extension with dark, light, and high-contrast variants featuring familiar Cursor-style colors and editor styling.

Downloads

397

Rating

— (0)

Version

1.0.3

Last updated

May 12, 2026

The look and feel of the Cursor AI editor, brought to VS Code.
Four variants: Dark, Light, Dark High ContTreeScribe – Project Tree Generator for VS Coderast, and Dark HC Personal.

Themes Included

Theme Description
Cursor Dark The default Cursor dark theme — deep blacks, muted blues, warm strings
Cursor Light Clean white background with VS Code light-style token colors
Cursor Dark High Contrast High contrast version with amber accents for accessibility
Cursor Dark HC Personal A personalized high contrast dark theme with amber focus borders, blue outlines, and VS Code-inspired syntax colors

Screenshots

Add screenshots of each theme here after installing.

Installation

  1. Download the latest .vsix file from the Releases page
  2. Open VS Code
  3. Press Ctrl+Shift+P (or Cmd+Shift+P on Mac) → "Extensions: Install from VSIX..."
  4. Select the downloaded .vsix file

Option B — Install from VS Code Marketplace

  1. Open VS Code
  2. Go to the Extensions panel (Ctrl+Shift+X)
  3. Search for "Cursor AI Theme"
  4. Click Install

Option C — Install from Source

# Clone the repository
git clone https://github.com/Alpha-1729/cursor-ai-native-theme.git
cd cursor-ai-theme

# Install dependencies
npm install

# Package the extension
npm run package
# → creates cursor-ai-native-theme-1.0.0.vsix

# Install it in VS Code
code --install-extension cursor-ai-native-theme-1.0.0.vsix

Activating the Theme

  1. Press Ctrl+K Ctrl+T (or Cmd+K Cmd+T on Mac)
  2. Search for "Cursor"
  3. Select your preferred variant:
    • Cursor Dark
    • Cursor Light
    • Cursor Dark High Contrast
    • Cursor Dark HC Personal

Color Palette Highlights

Cursor Dark

  • Background: #1e1e1e — Editor / #181818 — Activity Bar & Status Bar
  • Strings: #ce9178 (warm salmon)
  • Functions: #dcdcaa (soft gold)
  • Types/Classes: #4ec9b0 (teal)
  • Keywords: #c586c0 (purple)
  • Variables: #9cdcfe (light blue)
  • Comments: #6a9955 (muted green, italic)

Cursor Light

  • Background: #ffffff
  • Strings: #a31515 (deep red)
  • Functions: #795e26 (brown gold)
  • Types/Classes: #267f99 (teal)
  • Keywords: #af00db (purple)
  • Variables: #001080 (dark blue)

Cursor Dark High Contrast

  • Background: #0d0d0d
  • Accent: #f38518 (amber)
  • Borders: #6fc3df (light blue)
  • Functions: #f38518 (amber)

Cursor Dark HC Personal

  • Background: #0d0d0d — Editor / #000000 — Activity Bar, Status Bar & Title Bar
  • Focus & Accent: #f38518 (amber) — cursor, active borders, badges, buttons
  • Outlines & Borders: #6fc3df (light blue) — sidebar, panel, tab, and title bar borders
  • Functions: #f38518 (amber)
  • Types/Classes: #4ec9b0 (teal)
  • Keywords: #c586c0 (purple)
  • Variables: #9cdcfe (light blue)
  • Strings: #f48771 (salmon)
  • Comments: #7ca668 (muted green, italic)
  • Numbers: #b5cea8 (soft green)
  • Storage/Language: #6fc3df (light blue)

Changelog

See CHANGELOG.md for version history.

Contributing

Contributions are welcome! If you notice a color that doesn't match the Cursor editor or want to improve a variant:

  1. Fork the repository
  2. Make your changes to the relevant theme file in themes/
  3. Open a pull request with a description of what you changed and why

License

MIT © Alpha-1729
See LICENSE for full terms.

Disclaimer

This is an unofficial community theme inspired by the Cursor AI editor's visual design. It is not affiliated with or endorsed by Anysphere Inc. (the makers of Cursor).