The look and feel of the Cursor AI editor, brought to VS Code.
Four variants: Dark, Light, Dark High Contrast, and Dark HC Personal.
| 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 |
Add screenshots of each theme here after installing.
- Download the latest
.vsixfile from the Releases page - Open VS Code
- Press
Ctrl+Shift+P(orCmd+Shift+Pon Mac) → "Extensions: Install from VSIX..." - Select the downloaded
.vsixfile
- Open VS Code
- Go to the Extensions panel (
Ctrl+Shift+X) - Search for "Cursor AI Theme"
- Click Install
# 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- Press
Ctrl+K Ctrl+T(orCmd+K Cmd+Ton Mac) - Search for "Cursor"
- Select your preferred variant:
- Cursor Dark
- Cursor Light
- Cursor Dark High Contrast
- Cursor Dark HC Personal
- 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)
- Background:
#ffffff - Strings:
#a31515(deep red) - Functions:
#795e26(brown gold) - Types/Classes:
#267f99(teal) - Keywords:
#af00db(purple) - Variables:
#001080(dark blue)
- Background:
#0d0d0d - Accent:
#f38518(amber) - Borders:
#6fc3df(light blue) - Functions:
#f38518(amber)
- 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)
See CHANGELOG.md for version history.
Contributions are welcome! If you notice a color that doesn't match the Cursor editor or want to improve a variant:
- Fork the repository
- Make your changes to the relevant theme file in
themes/ - Open a pull request with a description of what you changed and why
MIT © Alpha-1729
See LICENSE for full terms.
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).