Carbon Code Theme

A clean, professional VS Code theme that enhances focus and productivity

✨ Design Philosophy

Carbon Code is designed for developers who value clarity, focus, and elegance. Built on the principle that your IDE should enhance—not distract from—your coding experience.

🎯 Core Values

Minimal: Clean interface that puts your code first
Professional: Suitable for any work environment
Focused: Reduced visual noise for better concentration
Accessible: High contrast ratios and readable typography

🌟 Features

🎨 Dual Themes: Carefully crafted Dark and Light variants in two color schemes
👁️ Eye-friendly: Optimized color contrast reduces eye strain
🔍 Enhanced Readability: Clear syntax highlighting for 20+ languages
⚡ Performance: Lightweight with zero impact on VS Code performance
🎪 Consistent: Unified design language across all UI elements
🌈 Color Options: Choose between professional Indigo or vibrant Emerald accents

🚀 Installation

From VS Code Marketplace

Open VS Code
Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
Search for "Carbon Code Theme"
Click Install
Select theme: Ctrl+K Ctrl+T → Choose from:
- Carbon Code Dark / Carbon Code Light (Indigo)
- Carbon Code Emerald Dark / Carbon Code Emerald Light (Green)
- Carbon Code Crimson Dark / Carbon Code Crimson Light (Red)
- Carbon Code Rose Dark / Carbon Code Rose Light (Pink)
- Carbon Code Amber Dark / Carbon Code Amber Light (Orange)

From Command Line

code --install-extension sazardev.carbon-code-theme

🎨 Theme Variants

🔵 Carbon Code Indigo Collection

Professional and calm - Perfect for enterprise environments

Carbon Code Dark - Professional indigo accents (#6366f1)
Carbon Code Light - Clean indigo highlights (#6366f1)

🟢 Carbon Code Emerald Collection

Vibrant and energetic - Ideal for creative coding

Carbon Code Emerald Dark - Vibrant emerald accents (#00ff88)
Carbon Code Emerald Light - Bold emerald highlights (#00ff88)

🔴 Carbon Code Crimson Collection

Bold and powerful - For focused development

Carbon Code Crimson Dark - Deep crimson accents (#dc2626)
Carbon Code Crimson Light - Rich crimson highlights (#dc2626)

🌸 Carbon Code Rose Collection

Elegant and modern - Sophisticated coding experience

Carbon Code Rose Dark - Elegant rose accents (#ec4899)
Carbon Code Rose Light - Refined rose highlights (#ec4899)

🧡 Carbon Code Amber Collection

Warm and inviting - Optimistic development environment

Carbon Code Amber Dark - Warm amber accents (#f59e0b)
Carbon Code Amber Light - Golden amber highlights (#f59e0b)

🎯 Choose Your Style

Indigo: Professional, stable, corporate-friendly
Emerald: Creative, energetic, modern
Crimson: Bold, focused, powerful
Rose: Elegant, sophisticated, stylish
Amber: Warm, optimistic, inviting

🛠️ Customization

Want to tweak the theme? Add these to your settings.json:

{
  "workbench.colorCustomizations": {
    "[Carbon Code Dark]": {
      "editor.background": "#0f0f0f",
      "terminal.background": "#080808"
    },
    "[Carbon Code Light]": {
      "editor.background": "#fdfdfd",
      "terminal.background": "#f8f8f8"
    },
    "[Carbon Code Emerald Dark]": {
      "editor.background": "#0f0f0f",
      "terminal.background": "#080808"
    },
    "[Carbon Code Emerald Light]": {
      "editor.background": "#fdfdfd",
      "terminal.background": "#f8f8f8"
    }
  }
}

📸 Screenshots

Dark Theme

Carbon Code Dark

Light Theme

Carbon Code Light

🧪 Tested With

Languages: JavaScript, TypeScript, Python, Go, Rust, Java, C#, PHP, HTML, CSS, JSON, Markdown, Dart, Flutter, Swift, Kotlin, Ruby, YAML
Frameworks: React, Vue, Angular, Node.js, Express, Django, Flask, Flutter
Tools: Git, Docker, Terminal, Debugging, Extensions

See LANGUAGE-SUPPORT.md for detailed information about enhanced syntax highlighting for all supported languages.

⚙️ Recommended Settings

For the best experience with Carbon Code Theme:

{
  "editor.fontFamily": "'Fira Code', 'SF Mono', Consolas, monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.fontLigatures": true,
  "editor.minimap.enabled": false,
  "workbench.iconTheme": "vscode-icons",
  "editor.renderWhitespace": "boundary"
}

🤝 Contributing

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

Report Issues: Found a bug or have a suggestion? Open an issue
Submit PR: Fork the repo and submit a pull request
Share Feedback: Rate and review on the VS Code Marketplace

📊 Statistics

File Size: < 50KB
Load Time: < 0.1s
Memory Usage: Negligible
Supported Languages: 20+

🙏 Credits

Created with ❤️ by SazarDev

Inspired by modern design principles and the need for distraction-free coding environments.

📄 License

MIT License - see LICENSE for details.

Enjoy coding with Carbon Code Theme! ⚡

Like this theme? Consider leaving a ⭐ rating on the marketplace!

🎨 Dual Themes: Dark and Light variants optimized for all lighting conditions
🔍 Enhanced Readability: Carefully selected colors that reduce eye strain
⚡ Modern Design: Clean, minimal interface that focuses on your code
🌈 Rich Syntax: Comprehensive highlighting for 15+ programming languages
💼 Professional: Perfect for both personal projects and enterprise development

🎯 Design Philosophy

Flux Code combines modern aesthetics with functional design:

Minimal: Clean interface without visual clutter
Professional: Suitable for any development environment
Elegant: Sophisticated color palette with perfect contrast
Productive: Optimized for long coding sessions

� Installation

From VS Code Marketplace

Open VS Code
Go to Extensions (Ctrl+Shift+X)
Search for "Flux Code Theme"
Click Install
Select the theme: Ctrl+K Ctrl+T → Choose Flux Code Dark or Flux Code Light

From Command Line

code --install-extension sazardev.flux-code-theme

🎨 Color Palette

Dark Theme

Element	Color	Purpose
Primary Accent	`#00d9cc`	Cursor, selections, highlights
Background	`#0f0f0f`	Main editor background
Foreground	`#e6e6e6`	Primary text color
Secondary	`#0088ff`	Keywords, operators
Success	`#00d9cc`	Strings, success states
Warning	`#ffbb00`	Numbers, warnings
Error	`#ff5555`	Errors, deletions

Light Theme

Element	Color	Purpose
Primary Accent	`#00d9cc`	Cursor, selections, highlights
Background	`#fdfdfd`	Main editor background
Foreground	`#0a0a0a`	Primary text color
Subtle	`#999999`	Line numbers, comments

📱 Screenshots

Dark Theme

Clean, modern interface perfect for low-light coding sessions

Light Theme

Bright, crisp design ideal for well-lit environments

Screenshots will be added in the next version

🛠️ Supported Languages

Optimized syntax highlighting for:

Frontend: JavaScript, TypeScript, React/JSX, HTML, CSS/SCSS
Backend: Python, Java, C#, PHP, Go, Rust
Data: JSON, YAML, XML, SQL
Markup: Markdown, LaTeX
Config: .env, .gitignore, Docker, YAML
Shell: Bash, PowerShell, Batch

⚙️ Recommended Settings

For the best experience with Flux Code Theme:

{
  "workbench.colorTheme": "Flux Code Dark",
  "editor.fontFamily": "'Fira Code', 'JetBrains Mono', 'Cascadia Code'",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.fontLigatures": true,
  "editor.minimap.enabled": true,
  "editor.bracketPairColorization.enabled": true,
  "workbench.iconTheme": "material-icon-theme"
}

🔄 Version History

v1.0.0 - Initial Release

✅ Complete Dark and Light theme variants
✅ Comprehensive syntax highlighting
✅ Modern, professional design
✅ Optimized for productivity

🤝 Contributing

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

🐛 Report Issues: GitHub Issues
💡 Suggest Features: Feature Requests
⭐ Rate & Review: VS Code Marketplace

📝 License

MIT License - feel free to use in personal and commercial projects.

🔗 Links

📦 Marketplace: VS Code Marketplace
🐙 Repository: GitHub
🐛 Issues: Report Bug
💬 Discussions: GitHub Discussions

Made with ❤️ by developers, for developers

Flux Code Theme - Where modern design meets productive coding