Bits Theme

A clean, comprehensive theme with two variants: dark and light. Perfect for all languages: JavaScript, TypeScript, React, Next.js, Flutter, Dart, Python, Java, PHP, and more.

Themes Included

🌙 Bits Theme (Dark) - Cyan

Deep backgrounds (#060a0f) for reduced eye strain
Vibrant cyan accents (#00cecb)
Bright, readable text with carefully selected colors

☀️ Bits Theme Light - Cyan

Clean white backgrounds (#ffffff) for daylight coding
Cyan accents (#00cecb) matching the dark theme
High contrast text for excellent readability

💚 Bits Theme Green (Dark)

Deep backgrounds (#060a0f) for reduced eye strain
Neon green accents (#00FF2F)
Same great syntax highlighting with green theme

🌿 Bits Theme Green Light

Clean white backgrounds (#ffffff) for daylight coding
Green accents (#00FF2F) matching the dark theme
High contrast text for excellent readability

💜 Bits Theme Purple (Dark)

Deep backgrounds (#060a0f) for reduced eye strain
Purple accents (#B24BF3)
Same great syntax highlighting with purple theme

🟣 Bits Theme Purple Light

Clean white backgrounds (#ffffff) for daylight coding
Purple accents (#B24BF3) matching the dark theme
High contrast text for excellent readability

Features

Six complete themes - Cyan, Green, and Purple (each with dark/light variants)
Three color schemes - Choose between cyan (#00cecb), neon green (#00FF2F), or purple (#B24BF3)
Consistent design - Same layout and structure across all themes
Excellent syntax highlighting for multiple languages
Optimized for web development (JavaScript, TypeScript, React, Next.js)
Great support for Flutter, Dart, Python, Java, PHP, C++, Go, Rust
Complete terminal colors (16 ANSI colors for all themes)
Git decorations with intuitive colors

Installation

Open Extensions sidebar panel in VS Code. View → Extensions
Search for Bits Theme
Click Install
Click Reload to reload VS Code
Go to File > Preferences > Theme > Color Theme and select Bits Theme

Screenshots

Note: Add real screenshots of your theme in action! Take screenshots of:

JavaScript/TypeScript code

React/Next.js components

Flutter/Dart code

Terminal with your theme

Upload them to your GitHub repository and replace the URLs below:
![JavaScript Example](https://github.com/Joabits/bits-dark-theme/raw/HEAD/images/javascript-example.png)
![React Example](https://github.com/Joabits/bits-dark-theme/raw/HEAD/images/react-example.png)
![Terminal](https://github.com/Joabits/bits-dark-theme/raw/HEAD/images/terminal-example.png)

Color Palette

Background: #060a0f
Foreground: #ffffff
Accent: #00cecb
Keywords: #ff5577
Functions: #22eeff
Strings: #ffe4a3
Comments: #6B8A99

Recommended Settings

For the best experience, add these settings to your VS Code settings.json:

{
  "editor.fontFamily": "Fira Code, Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6
}

Feedback & Contributions

Found an issue or have a suggestion? Please open an issue on the GitHub repository.

License

MIT License - feel free to use and modify as needed.

Enjoy coding with Bits Theme! ⚡