Bits Dark Theme

A clean, comprehensive dark theme with bright text and deep backgrounds. Perfect for all languages: JavaScript, TypeScript, React, Next.js, Flutter, Dart, Python, Java, PHP, and more.

Features

• Deep backgrounds (#060a0f) for reduced eye strain
• Bright, readable text with carefully selected colors
• Excellent syntax highlighting for multiple languages
• Consistent color palette across UI and editor
• Optimized for web development (JavaScript, TypeScript, React, Next.js)
• Great support for Flutter, Dart, Python, Java, PHP, C++, Go, Rust

Installation

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

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 Dark! ⚡