VibeColors
A comprehensive VS Code theme collection featuring 11 unique themes plus infinite dynamic color generation. From carefully crafted static themes to algorithmically generated palettes, VibeColors offers the ultimate customization for your coding environment.
🌟 Features
🎨 11 Distinct Theme Variants - Carefully designed themes for every mood and environment
🎲 Dynamic Theme Generation - Infinite random color schemes with mathematical harmony
⚡ Real-time Commands - Generate new themes instantly with Command Palette
💾 Palette Management - Save, load, and organize your favorite color schemes
🌓 Dark & Light Support - Complete coverage for both theme preferences
🎯 Programming Optimized - Extensive syntax highlighting for all major languages
🎨 Theme Collection
Dark Themes
- VibeColors Dark - Original enhanced theme with comprehensive UI coverage
- High Contrast Dark - Maximum contrast with true black backgrounds for accessibility
- Neon Dark - Vibrant cyberpunk aesthetics with hot pink and electric blue
- Soft Dark - Muted, warm colors with gentle contrasts for comfortable sessions
- Retro Dark - Vintage computing vibes with classic green/amber CRT colors
Light Themes
- VibeColors Light - Clean, professional light theme with excellent readability
- Minimal Light - Ultra-clean design with subtle grays and minimal color
- Pastel Light - Soft purple/pink backgrounds with gentle, artistic pastels
- Corporate Light - Business-appropriate blues and grays for professional environments
Dynamic Themes
- Dynamic Dark - Algorithmically generated dark themes with infinite variety
- Dynamic Light - Mathematically harmonious light themes, unique every time
🚀 Dynamic Theme System
Instant Generation
Use Command Palette (Ctrl+Shift+P) for:
VibeColors: Refresh Dynamic Theme - New colors for current variantVibeColors: Generate New Dark Theme - Force new dark themeVibeColors: Generate New Light Theme - Force new light themeVibeColors: Switch Dark/Light Variant - Toggle with fresh colors
Palette Management
VibeColors: Save Current Palette - Save favorite color schemesVibeColors: Load Saved Palette - Browse and restore saved palettes
Smart Color Generation
- Golden Ratio Harmony - Uses 137.508° intervals for naturally pleasing relationships
- Complementary & Triadic - Mathematically perfect color combinations
- Semantic Consistency - Errors stay red, success stays green, etc.
- Proper Contrast - Automatic readability optimization for dark/light modes
📦 Installation
From VS Code Marketplace
- Open Extensions sidebar panel in VS Code (
Ctrl+Shift+X)
- Search for
VibeColors
- Click Install
- Select your preferred theme from File > Preferences > Color Theme
Manual Installation
# Download and install .vsix file
code --install-extension vibecolors-1.0.1.vsix
First Use
- Extension auto-activates with a random dynamic theme
- Use Command Palette (
Ctrl+Shift+P) → "VibeColors" to explore features
- Switch between 11 static themes or generate infinite dynamic ones
🎯 What's Enhanced
Complete UI Coverage
- Editor: Advanced highlighting, selections, brackets, rulers, gutters
- Sidebar: Explorer, search, source control with consistent theming
- Activity Bar: Icons, badges, and hover states
- Status Bar: Comprehensive information bar styling
- Tabs: Active/inactive states with borders and hover effects
- Terminal: Full ANSI color support with semantic highlighting
- Panels: Debug, problems, output, and integrated terminal panels
- Minimap: Code overview with proper contrast and highlights
- Settings: Form controls, dropdowns, and configuration UI
- Notifications: Toast messages and notification center
- Extensions: Buttons, listings, and marketplace integration
Advanced Syntax Highlighting
- Universal Language Support: JavaScript, TypeScript, Python, Go, Rust, Java, C/C++, PHP, and more
- Semantic Tokens: Functions, classes, variables, types with distinct colors
- Framework Support: React/Vue components, decorators, annotations
- Configuration Files: JSON, YAML, XML, Docker, shell scripts
- Documentation: Markdown with proper heading hierarchy and code blocks
- Version Control: Git diff highlighting and blame annotations
Accessibility Features
- High Contrast Option: True black backgrounds with maximum contrast
- Proper WCAG Compliance: Color combinations tested for readability
- Error/Warning Distinction: Clear visual hierarchy for different message types
- Focus Indicators: Keyboard navigation support with visible focus states
🎨 Color Generation Examples
Each dynamic generation creates unique combinations:
Purple Harmony 💜
- Base: Deep purple backgrounds with gold accents
- Syntax: Cyan functions, magenta keywords, lime strings
- Feel: Creative, artistic, inspiring
Ocean Depths 🌊
- Base: Deep blue backgrounds with coral highlights
- Syntax: Turquoise classes, pearl variables, seafoam comments
- Feel: Calm, flowing, serene
Earth Tones 🌍
- Base: Warm brown backgrounds with terracotta accents
- Syntax: Sage functions, amber keywords, rust strings
- Feel: Natural, grounded, stable
Neon Nights ⚡
- Base: Dark backgrounds with electric highlights
- Syntax: Hot pink keywords, lime functions, cyan operators
- Feel: Energetic, modern, vibrant
🛠️ Development & Customization
Extension Settings
{
"vibeColors.persistSeed": false, // Remember seeds between sessions
"vibeColors.autoRefreshInterval": 0, // Auto-refresh minutes (0 = disabled)
"vibeColors.savedPalettes": [] // Your saved color schemes
}
Seed-Based Generation
- Every theme has a unique seed number (shown in generation message)
- Same seed = same colors (reproducible and shareable)
- Save seeds of favorite combinations
- Share hex seeds with teammates for consistent project themes
Build From Source
git clone https://github.com/yili6ms/VibeColors.git
cd VibeColors
npm install
npm run compile
vsce package
💡 Tips & Workflows
Daily Fresh Start
1. Open VS Code
2. Ctrl+Shift+P → "VibeColors: Refresh Dynamic Theme"
3. New colors for the day!
Project-Based Themes
1. Start new project
2. Generate theme that matches project mood
3. Save palette with project name
4. Reload saved palette when working on project
Team Synchronization
1. Generate team theme
2. Share seed number in team chat
3. Everyone uses same seed for consistent experience
4. Save as "Team Theme" in palette library
🌟 What Makes VibeColors Special
- 11 Handcrafted Themes - Each with distinct personality and use case
- Infinite Dynamic Generation - Mathematical color harmony algorithms
- Real-time Application - Instant theme switching with no restart required
- Palette Management - Save, organize, and share favorite combinations
- Universal Language Support - Comprehensive syntax highlighting
- Accessibility First - High contrast options and WCAG compliance
- Professional Quality - Production-ready themes for all environments
📞 Support & Feedback
- GitHub Issues: Report bugs or request features
- Marketplace Reviews: Rate and review to help others discover VibeColors
- Community: Share your favorite generated palettes and seeds
📄 License
Released under the MIT License. See LICENSE for details.
Transform your VS Code into an ever-changing, beautiful coding environment! 🎨✨
VibeColors v1.0.1 - Where code meets art 🚀
| |
