BoxLang Themes

Beautiful VS Code themes specifically designed for BoxLang development with dark neon and light muted variations

Clean, modern themes designed specifically for BoxLang development. This extension provides two carefully crafted color schemes that enhance your BoxLang coding experience with optimal syntax highlighting and visual appeal.

🎨 Available Themes

BoxLang Dark (Neon)

BoxLang Dark Neon

High-contrast dark theme featuring vibrant neon colors with pink, purple, and cyan accents. Optimized for extended coding sessions while maintaining visual appeal and code readability.

BoxLang Light (Muted)

BoxLang Light Muted

Subtle light theme with soft teal and green backgrounds, perfect for daytime development. Features muted accent colors that reduce eye strain during long coding sessions.

✨ Key Features

• BoxLang Optimized - Specifically designed for BoxLang syntax highlighting and component recognition
• Semantic Highlighting - Enhanced token colors for better code understanding
• Bracket Pair Colorization - Distinct colors for matching brackets and parentheses
• Complete UI Theming - Consistent colors across editor, sidebar, terminal, and all VS Code interfaces
• Component Support - Special highlighting for BoxLang components (<bx:component> tags)
• Eye-friendly - Carefully selected contrast ratios for comfortable viewing

📦 BoxLang Developer Pack

Quick Setup: Get this theme along with all essential BoxLang development tools in one click with the BoxLang Developer Pack!

The BoxLang Developer Pack is a curated extension pack that includes everything you need for BoxLang development:

• 🚀 BoxLang Language Support - Complete language server with IntelliSense, syntax highlighting, and error detection
• 🎨 BoxLang Theme - This theme extension with both Dark (Neon) and Light (Muted) variants
• 🧪 TestBox Support - Full TDD/BDD testing framework integration
• 📦 CommandBox Integration - Package management and project scaffolding tools

Install the Complete Pack

Instead of installing extensions individually, get the full BoxLang development environment:

VS Code Marketplace: BoxLang Developer Pack

OpenVSX Registry: BoxLang Developer Pack

# Install the complete developer pack
code --install-extension ortus-solutions.vscode-boxlang-developer-pack

This automatically installs all BoxLang development tools, including this theme, saving you time and ensuring a complete setup.

📦 Individual Installation

VS Code Marketplace

Install from the VS Code Marketplace:

1. Open VS Code and go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
2. Search for "BoxLang Theme"
3. Click Install
4. Go to File → Preferences → Color Theme and select your preferred BoxLang theme

OpenVSX Registry

For VS Code compatible editors like Cursor, Windsurf, VSCodium, install from OpenVSX Registry.

Command Line Installation

# VS Code
code --install-extension ortus-solutions.vscode-boxlang-theme

# VS Code compatible editors
cursor --install-extension ortus-solutions.vscode-boxlang-theme

🎯 Recommended Settings

Enable these VS Code settings for the best theme experience:

{
  "editor.semanticHighlighting.enabled": true,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "editor.fontFamily": "Fira Code, 'Cascadia Code', Consolas, 'Courier New'",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.5
}

🔧 Theme Selection

After installation, activate your preferred theme:

1. Windows/Linux: Ctrl+K, Ctrl+T or File → Preferences → Color Theme
2. macOS: Cmd+K, Cmd+T or Code → Preferences → Color Theme
3. Select either:

   • BoxLang Dark (Neon) - For high contrast dark experience
   • BoxLang Light (Muted) - For comfortable light experience

🛠️ Development & Contributing

GitHub Repository

• Source Code: https://github.com/ortus-boxlang/vscode-boxlang-theme
• Report Issues: GitHub Issues

Contributing Guidelines

1. Fork the repository
2. Create a feature branch
3. Edit theme JSON files in the themes/ directory
4. Run npm run build to validate changes
5. Test themes using npm run dev:host
6. Submit a pull request with screenshots

Note: When reporting visual issues, please include your VS Code version, operating system, and screenshots for faster resolution.