Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Rose Prime ThemeNew to Visual Studio Code? Get it now.
Rose Prime Theme

Rose Prime Theme

Sayam Rakshit

|
222 installs
| (0) | Free
A dark theme with vibrant syntax highlighting inspired by primeagen's version of rose pine
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Rose Prime Theme

A dark VSCode theme with vibrant syntax highlighting inspired by primeagen's version of rose pine.

Screenshots

Go code highlighting

Code structure and syntax highlighting

Features

  • Deep dark background for reduced eye strain
  • Vibrant syntax highlighting with carefully selected colors
  • Optimized for readability during long coding sessions
  • Beautiful UI elements that complement the syntax theme

Colors

  • Functions: #EF9DAA (soft pink)
  • Variables: #ADADCF (lavender gray)
  • Keywords: #817FB3 (muted purple)
  • Strings: #D9AD95 (soft terracotta)
  • Boolean/constants: #8EB2FF (periwinkle blue)
  • Type references: #92BEB8 (sage green)
  • Package references: #B580A4 (mauve)
  • Return types: #D56982 (rose)

Installation

VS Code Marketplace

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X or Cmd+Shift+X)
  3. Search for "Rose Prime Theme"
  4. Click Install

Manual Installation

  1. Clone this repository to your VS Code extensions folder:

    • Windows: %USERPROFILE%\.vscode\extensions
    • macOS/Linux: ~/.vscode/extensions
  2. Restart VS Code

  3. Select the theme:

    • Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
    • Type Preferences: Color Theme
    • Select Rose Prime

Publishing to VS Code Marketplace

To publish this theme to the VS Code marketplace:

  1. Create a publisher account on VS Code Marketplace

  2. Install vsce (VS Code Extension Manager):

    npm install -g @vscode/vsce
    
  3. Login with your publisher account:

    vsce login your-publisher-name
    
  4. Update the package.json with your information:

    • Change "publisher" to your publisher name
    • Update repository URL to your repository
    • Create an icon.png (at least 128x128px)
  5. Package the extension:

    vsce package
    
  6. Publish the extension:

    vsce publish
    

Customizing for Cursor

If you're using Cursor IDE, you can add the following settings to your theme to enhance the chat UI:

{
  "colors": {
    "chat.requestBackground": "#2A2A3F",
    "chat.requestBorder": "#4F4A6E",
    "chat.slashCommandBackground": "#B580A4",
    "chat.slashCommandForeground": "#181825",
    "interactive.activeCodeBorder": "#EF9DAA",
    "interactive.inactiveCodeBorder": "#2A2A3F"
  }
}

Contributing

Feel free to open issues or PRs for any improvements or bug fixes.

License

MIT

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