A clean, modern theme for Visual Studio Code with vibrant orange accents, inspired by Firefox's visual design. Now available in both dark and light variants.
OrangeFox Dark theme shown above. A light theme is also available.
- Clean Dark & Light Interfaces: Easy on the eyes with optimal contrast ratios in both dark and light modes
- Orange Accent Colors: Vibrant orange highlights for better focus and visual hierarchy
- WCAG Compliant: Meets accessibility standards for better readability
- Semantic Highlighting: Enhanced syntax highlighting with semantic token support
- Comprehensive Language Support: Optimized for JavaScript/TypeScript, Python, Java, C/C++, PHP, and many more
- Modern VS Code Integration: Supports latest VS Code features and color keys
- Reduced Visual Noise: Clean, focused design that minimizes distractions
- Open Extensions sidebar panel in VS Code (
Ctrl+Shift+X/Cmd+Shift+X)
- Search for
OrangeFox - Click Install
- Reload VS Code when prompted
Marketplace Link: OrangeFox on VS Code Marketplace
The theme uses a carefully curated orange color palette:
- Primary Orange:
#ff6b35- Main accent color for highlights and selections - Secondary Orange:
#ff8c5a- Used for punctuation and secondary elements - Light Orange:
#ffb07a- String literals and lighter accents - Accent Yellow:
#ffd83b- For function calls and important elements - Background:
#202124- Main editor background - Sidebar:
#292a2d- Secondary background elements
- Primary Orange:
#D95829- Main accent color - Secondary Orange:
#B95501- Used for punctuation and secondary elements - Strings:
#036A07- String literals - Accent Yellow:
#795E26- For function calls and important elements - Background:
#FFFFFF- Main editor background - Sidebar:
#F0F0F0- Secondary background elements
- JavaScript/TypeScript
- Python
- Java
- C/C++
- PHP
- HTML/CSS/SCSS
- Rust
- Go
- And many more...
Once installed, you can activate one of the OrangeFox themes:
- Open the Command Palette (
Ctrl+Shift+PorCmd+Shift+P) - Search for
Preferences: Color Themeand select it - Choose either
OrangeFox DarkorOrangeFox Lightfrom the list
Alternatively, you can set it directly in your settings.json:
{
"workbench.colorTheme": "OrangeFox Dark" // Or "OrangeFox Light"
}Found a bug or have a suggestion? Feel free to:
- Open an issue on GitHub? Let us know!
- Syntax Highlighting: Inspired by vscode-ayu
- UI Colors: Inspired by material-fox-updated
- Fixed transparency issues in OrangeFox Dark theme:
- Increased list.hoverBackground opacity from #ff6b353b to #ff6b3555 for better visibility
- Increased terminal.selectionBackground opacity from #ff6b3555 to #ff6b3580 for improved contrast
- Made textLink.foreground fully opaque from #ff6b35a1 to #ff6b35
- Enhanced WCAG compliance in OrangeFox Light theme:
- Darkened editorError.foreground from #B95501 to #A54500 for better contrast
- Darkened editorWarning.foreground from #795E26 to #6B4F1D for improved readability
- Made input.placeholderForeground fully opaque from #4A4A4A90 to #4A4A4A
- New Light Theme: Added
OrangeFox Light, a new light variant of the theme. - Theme Rename: Renamed
OrangeFox ColortoOrangeFox Darkfor clarity. - Standardized orange color palette to 2-3 shades for better visual consistency
- Improved syntax highlighting with better contrast and readability
- Fixed WCAG accessibility compliance issues
- Enhanced UI colors and contrast throughout the editor
- Added modern VS Code color keys for latest features
- Cleaned up duplicate and overly specific syntax rules
- Improved selection visibility and reduced visual noise
- Repackaged VSIX to trim down size
- Minor issues fixed
- Polished UI colors and contrast
- New syntax highlighting implementation
- More color tweaks and refinements
- Fine-tuned colors and changed syntax highlighting for better readability
- Small changes and fixes
- README.md changes
- Initial release
This theme is licensed under the MIT License. See the LICENSE file for details.
Enjoy coding with OrangeFox! 🦊