Shadcn Vivid Theme for VS Code

A Visual Studio Code theme inspired by shadcn/ui with vivid, accessible colors to enhance your coding experience.

Features

• Dark theme optimized for shadcn/ui development
• Vivid, high-contrast color palette for improved readability
• Carefully selected syntax highlighting for multiple languages
• Accessible color combinations
• Git decoration colors for better repository navigation
• Optimized for JavaScript/TypeScript, React, CSS, HTML, and more

Installation

From VS Code Marketplace

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

Manual Installation

1. Download the latest release from the GitHub repository
2. Unzip the package
3. Copy the folder to your VS Code extensions directory:
   • Windows: %USERPROFILE%\.vscode\extensions
   • macOS/Linux: ~/.vscode/extensions
4. Restart VS Code

Activation

1. Open VS Code Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
2. Type "Color Theme"
3. Select "Shadcn Vivid"

Recommended Settings

For the best experience, we recommend using these VS Code settings:

{
  "editor.fontFamily": "'JetBrains Mono', 'Fira Code', Menlo, Monaco, 'Courier New', monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.5,
  "editor.fontLigatures": true,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "terminal.integrated.fontFamily": "'JetBrains Mono', 'Fira Code', monospace",
  "terminal.integrated.fontSize": 14
}

Feedback and Contributions

If you have any suggestions, issues, or would like to contribute to this theme, please visit the GitHub repository.

License

MIT