Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Cursor AI Native ThemeNew to Visual Studio Code? Get it now.
Cursor AI Native Theme

Cursor AI Native Theme

Alpha-1729

|
11 installs
| (0) | Free
The official look of the Cursor AI editor, brought to VS Code. Dark, Light, Dark High Contrast, and Dark HC Personal variants.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Cursor AI Theme for VS Code

The look and feel of the Cursor AI editor, brought to VS Code.
Four variants: Dark, Light, Dark High Contrast, 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

Option A — Install from VSIX (Recommended)

  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).

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft