SmallTheme Carbon OLED

A modern OLED-optimized dark theme for Visual Studio Code, inspired by IBM's Design Language. This theme features vibrant IBM colors on pure black backgrounds, designed specifically for OLED and MiniLED displays to maximize energy efficiency and visual comfort.

✨ Features

• 🖤 Pure Black Background - True #000000 background optimizes OLED displays by turning off pixels completely
• 🎨 IBM Design Language Colors - Uses authentic IBM color palette for consistent, professional aesthetics
• ⚡ OLED Optimized - Maximizes battery life and reduces eye strain on OLED devices
• 📱 High Contrast - All colors meet WCAG AA accessibility standards (4.5:1+ contrast ratios)
• 🔧 Language Optimized - Excellent support for Luau and TypeScript development

🎨 Color Palette

The theme uses IBM's vibrant color palette mapped to specific syntax elements:

🚀 Language Support

Primary Languages (Optimized)

• Luau - Complete syntax highlighting with LSP support for type annotations
• TypeScript/JavaScript - Full semantic highlighting for interfaces, generics, decorators

Additional Languages

• JSON with multi-level key highlighting
• Markdown with proper heading and link colors
• CSS/SCSS with property name highlighting
• HTML with attribute and tag support
• Git diff visualization

📱 OLED Benefits

Energy Efficiency:

• Pure black pixels are completely off on OLED displays
• Significantly extends battery life on laptops and mobile devices
• Reduces heat generation

Visual Comfort:

• Eliminates light bleed from traditional LCD backlighting
• Reduces eye strain during extended coding sessions
• Provides infinite contrast ratio for crisp text

🛠 Installation

Via VS Code Marketplace

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
3. Search for "SmallTheme Carbon OLED"
4. Click Install

Manual Installation

1. Clone this repository
2. Copy the theme folder to your VS Code extensions directory:
   • Windows: %USERPROFILE%\.vscode\extensions
   • macOS: ~/.vscode/extensions
   • Linux: ~/.vscode/extensions
3. Restart VS Code
4. Go to File > Preferences > Color Theme
5. Select "SmallTheme Carbon OLED"

⚙️ Recommended Settings

For the best experience with this OLED theme, consider these VS Code settings:

{
  "editor.fontFamily": "IBM Plex Mono, 'Cascadia Code', Consolas, monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.5,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "workbench.colorTheme": "SmallTheme Carbon OLED",
  "terminal.integrated.fontFamily": "IBM Plex Mono, 'Cascadia Code', Consolas, monospace"
}

🎯 Perfect For

• OLED laptop users seeking maximum battery life
• Dark mode enthusiasts who prefer true black backgrounds
• IBM design system users and fans
• Luau developers working with Roblox projects
• TypeScript developers who need semantic highlighting
• Night shift coders requiring reduced eye strain

🔧 Theme Customization

You can customize specific colors by adding these settings to your settings.json:

{
  "workbench.colorCustomizations": {
    "[SmallTheme Carbon OLED]": {
      "editor.background": "#000000",
      "terminal.background": "#000000"
    }
  },
  "editor.tokenColorCustomizations": {
    "[SmallTheme Carbon OLED]": {
      "comments": "#6c7983",
      "strings": "#ee5396"
    }
  }
}

🤝 Contributing

Found an issue or want to improve the theme? Contributions are welcome!

1. Fork the repository
2. Create a feature branch (git checkout -b feature/improvement)
3. Make your changes
4. Commit with clear messages (git commit -m 'Add better Luau support')
5. Push to the branch (git push origin feature/improvement)
6. Open a Pull Request

📄 License

This theme is released under the MIT License.

🙏 Acknowledgments

• IBM Design Language - For the beautiful color palette and design principles
• OLED Community - For promoting energy-efficient display usage
• VS Code Team - For the excellent theming capabilities

📸 Screenshots

Screenshots coming soon - the theme looks stunning on OLED displays with true blacks and vibrant IBM colors!

Enjoy coding with SmallTheme Carbon OLED! 🚀

Optimized for OLED displays • Inspired by IBM Design Language • Built for developers