🌟 SunilCode Themes

Transform your coding experience with comfortable, eye-friendly themes designed for developers who code for hours.

A collection of 4 beautiful Visual Studio Code themes by Sunil Kumar, crafted specifically for comfort, readability, and reduced eye strain during long coding sessions.

✨ What Makes This Special

• 🎨 4 Unique Themes - Dark, Light, Night, and Aurora variants
• ⚡ Smart Theme Switching - Quick keyboard shortcuts and live preview
• 👁️ Eye-Friendly Design - Scientifically optimized colors for comfort
• ⭐ Community Ratings - Rate and review themes within VS Code
• 🔧 Zero Setup - Works immediately after installation

🎯 Available Themes

🌙 SunilCode Dark

Perfect for: Night coding, dark environments

• Deep navy background with warm accents
• Reduces blue light exposure
• Ideal for extended coding sessions

☀️ SunilCode Light

Perfect for: Daytime coding, bright environments

• Clean white background with soft colors
• High contrast for clarity
• Great for documentation and reading

🌌 SunilCode Night

Perfect for: Late-night coding sessions

• Ultra-dark background with blue light reduction
• Gentle on tired eyes
• Optimized for focus in dark rooms

🌈 SunilCode Aurora Dark (New!)

Perfect for: Creative flow state

• Unique aurora-inspired color palette
• WCAG AAA accessibility compliant
• Enhanced syntax highlighting

🚀 Quick Start Guide

Step 1: Install the Extension

Option A: From VS Code (Easiest)

1. Open VS Code
2. Click the Extensions icon (or press Ctrl+Shift+X / Cmd+Shift+X)
3. Search for "SunilCode Themes"
4. Click "Install"
5. Done! The extension is now ready to use

Option B: From Downloaded File

1. Download the .vsix file
2. Open VS Code
3. Press Ctrl+Shift+P (or Cmd+Shift+P on Mac)
4. Type "install vsix" and select "Extensions: Install from VSIX..."
5. Select the downloaded file
6. Done!

Step 2: Use Your First Theme

Super Easy Method (Keyboard Shortcuts)

• Press Ctrl+Alt+D (or Cmd+Alt+D on Mac) for Dark theme
• Press Ctrl+Alt+L (or Cmd+Alt+L on Mac) for Light theme
• That's it! Your theme changed instantly!

Alternative Method (Command Palette)

1. Press Ctrl+Shift+P (or Cmd+Shift+P on Mac)
2. Type "switch to dark"
3. Select "Switch to Soothing Dark Theme"
4. Enjoy your new theme!

📖 Detailed Usage Guide

🔄 All Ways to Switch Themes

Method 1: Keyboard Shortcuts ⚡ (Fastest)

Method 2: Command Palette 🎯 (Most Flexible)

1. Open Command Palette:
   • Windows/Linux: Ctrl+Shift+P
   • Mac: Cmd+Shift+P
2. Type any of these:
   • "Switch to Soothing Dark Theme"
   • "Switch to Soothing Light Theme"
   • "Switch to Soft Contrast Dark Theme"
   • "Switch to Warm Light Theme"
3. Press Enter

Method 3: Settings Menu 🔧 (Most Visual)

1. Open Settings:
   • Click the gear icon (⚙️) in the bottom left
   • Select "Settings"
   • Or press Ctrl+, (Windows/Linux) or Cmd+, (Mac)
2. Search for "color theme"
3. Click the dropdown next to "Color Theme"
4. Select your preferred theme:
   • Soothing Dark
   • Soothing Light
   • Soft Contrast Dark
   • Warm Light

🎨 Choosing the Right Theme

🌙 Use Soothing Dark when:

• Coding at night or in dark environments
• You prefer dark themes but want something unique
• You want to reduce blue light exposure
• You love nature-inspired colors

☀️ Use Soothing Light when:

• Coding during the day with natural light
• Working in bright environments
• You prefer light themes but want warmth
• You want a clean, professional look

🌫️ Use Soft Contrast Dark when:

• You have light sensitivity
• You want minimal distractions
• Coding for very long sessions (6+ hours)
• You prefer extremely subtle color differences

☕ Use Warm Light when:

• You want a cozy, café-like atmosphere
• Working on creative projects
• You love brown and cream color schemes
• You want warmth without darkness

⌨️ Keyboard Shortcuts

🎹 Default Shortcuts

🔄 How to Change Shortcuts (Advanced)

If you want different keyboard shortcuts:

1. Open Keyboard Shortcuts:

   • Press Ctrl+K, Ctrl+S (Windows/Linux)
   • Press Cmd+K, Cmd+S (Mac)
   • Or go to File → Preferences → Keyboard Shortcuts

2. Search for "theme.switch"

3. Click the pencil icon next to any shortcut

4. Press your preferred key combination

5. Press Enter to save

Example: Change Dark Theme to Ctrl+Shift+D

1. Search "theme.switchToDark"
2. Click the pencil icon
3. Press Ctrl+Shift+D
4. Press Enter

🔧 Advanced Configuration

🎛️ Customizing Theme Colors

For Advanced Users: You can modify theme colors by editing your VS Code settings.

1. Open Settings JSON:

   • Press Ctrl+Shift+P (or Cmd+Shift+P)
   • Type "settings json"
   • Select "Preferences: Open Settings (JSON)"

2. Add color customizations:

{
  "workbench.colorCustomizations": {
    "[Soothing Dark]": {
      "editor.background": "#1a2332",
      "statusBar.background": "#7fb069"
    },
    "[Soothing Light]": {
      "editor.background": "#faf8f5",
      "statusBar.background": "#2e7d32"
    }
  }
}

🚀 Performance Settings

The extension is already optimized, but you can ensure maximum performance:

{
  "extensions.autoUpdate": false,
  "extensions.ignoreRecommendations": true
}

🔄 Auto Theme Switching

Set up automatic theme switching based on time:

1. Install "Auto Dark Mode" extension
2. Configure it to use:
   • Light theme: "Soothing Light" or "Warm Light"
   • Dark theme: "Soothing Dark" or "Soft Contrast Dark"

❓ Troubleshooting

🐛 Common Issues & Solutions

Problem: Themes don't appear in the list

Solution:

1. Restart VS Code completely
2. Check if extension is enabled in Extensions tab
3. Try reinstalling the extension

Problem: Keyboard shortcuts don't work

Solution:

1. Check if shortcuts conflict with other extensions
2. Try the Command Palette method instead
3. Reset shortcuts to default in Keyboard Shortcuts settings

Problem: Colors look different than expected

Solution:

1. Check if you have other color customizations
2. Disable other theme extensions temporarily
3. Reset color customizations in Settings JSON

Problem: Extension slows down VS Code

Solution: This shouldn't happen as the extension is performance-optimized. If it does:

1. Restart VS Code
2. Check for conflicting extensions
3. Report this as a bug

🔧 Reset to Default

To completely reset the extension:

1. Disable the extension
2. Restart VS Code
3. Re-enable the extension
4. Select your preferred theme again

📞 Getting Help

If you're still having issues:

1. Check the GitHub Issues: Report Issues
2. Create a new issue with:
   • Your VS Code version
   • Your operating system
   • Description of the problem
   • Screenshots if helpful

🛠️ For Developers

📊 Technical Specifications

• Extension Size: 16.2KB (extremely lightweight)
• Activation: onStartupFinished (zero impact on startup)
• Theme Switch Speed: <5ms (cached configuration)
• Memory Usage: Minimal (single config object)
• Supported VS Code Versions: 1.74.0+

🏗️ Architecture

Extension Structure:
├── 📦 Themes (JSON files)
├── 🎯 Commands (4 theme switches)
├── ⚡ Keybindings (cross-platform)
└── 🚀 Optimized Runtime (cached config)

📋 Available Commands

🎨 Theme File Structure

Each theme follows this structure:

{
  "name": "Theme Name",
  "type": "dark" | "light",
  "semanticHighlighting": true,
  "colors": { /* UI colors */ },
  "tokenColors": [ /* Syntax colors */ ]
}

🔧 Building from Source

# Prerequisites
npm install -g @vscode/vsce

# Clone and build
git clone [repository-url]
cd soothing-developer-themes
npm install
npm run compile:optimized
npm run package

# Result: .vsix file ready for installation

📈 Performance Optimizations Applied

• ✅ Cached workspace configuration
• ✅ Inline command handlers
• ✅ Removed unnecessary async operations
• ✅ Optimized JSON parsing (no comments)
• ✅ Minimal activation footprint
• ✅ Production build optimizations

🤝 Contributing

We welcome contributions! Here's how you can help:

🐛 Reporting Bugs

1. Check existing issues first
2. Create detailed bug reports with:
   • Steps to reproduce
   • Expected vs actual behavior
   • Screenshots
   • System information

💡 Suggesting Features

1. Check if feature already exists
2. Describe the use case clearly
3. Explain why it would be helpful

🎨 Contributing Themes

1. Follow existing theme structure
2. Test thoroughly across different file types
3. Ensure accessibility (contrast ratios)
4. Submit via pull request

💻 Code Contributions

1. Fork the repository
2. Create a feature branch
3. Follow TypeScript best practices
4. Test your changes
5. Submit a pull request

📖 Documentation

Help improve this documentation by:

• Fixing typos or unclear sections
• Adding examples
• Translating to other languages
• Creating video tutorials

📄 License & Credits

📜 License

This extension is released under the MIT License. You're free to use, modify, and distribute it.

🙏 Credits

• Created by: Soothing Themes Team
• Inspired by: Nature, café environments, and developer wellness
• Built with: TypeScript, VS Code Extension API
• Performance optimization: Custom caching and build pipeline

🔗 Links

• GitHub Repository: my-first-vscode-colour-theme
• VS Code Marketplace: Extension Page
• Report Issues: GitHub Issues
• Feature Requests: GitHub Discussions

🌟 Final Notes

💝 Thank You!

Thank you for choosing SunilCode Themes! We hope these themes make your coding experience more comfortable and enjoyable.

📢 Share Your Experience

• ⭐ Rate the extension on the VS Code Marketplace
• 🐦 Share on social media with #SunilCodeThemes
• 💬 Tell other developers about your favorite theme
• 📧 Send us feedback - we love hearing from users!

🔮 Coming Soon

• Additional theme variants
• Seasonal color palettes
• Custom theme generator
• Integration with popular extensions

Happy coding with soothing, beautiful themes! 🌿✨

Made with ❤️ for developers who care about their visual environment.