Icon Group Theme
A professional theme for Visual Studio Code inspired by Icon Group's brand identity. Features navy blue backgrounds, gold accents, and a healthcare-focused colour palette reflecting Icon Group's leadership in cancer care across Australia and the Asia-Pacific region.
Features
- Brand-Aligned Design - Crafted using official Icon Group brand colours from icongroup.global
- Dual Theme Support - Both professional dark and clean light theme variants
- System Theme Support - Automatically follows your system's light/dark preference
- Healthcare-Inspired Aesthetics - Reflects Icon Group's commitment to cancer care excellence
- Enterprise-Ready - Perfect for client demonstrations and professional environments
- Enhanced Navigation - Coloured top, left, and bottom navigation bars with brand accents
- WCAG AA Contrast - All text colours meet or exceed WCAG AA accessibility standards
- Easy on the Eyes - Warm off-white text and softened terminal colours reduce eye strain
Colour Palette
Our carefully selected colours ensure both brand consistency and optimal developer experience:
| Colour |
Hex Code |
Usage |
| Navy Blue |
#0E2A4A |
Main dark background, primary brand colour |
| Brand Blue |
#006FB9 |
Functions, links, active elements |
| Gold Accent |
#FDBD10 |
Highlights, brackets, warning indicators |
| Purple |
#9B6FCF |
Keywords, tags, secondary elements |
| Green |
#7BC8A4 |
Strings, symbols, success indicators |
| Off-White |
#E0E8F0 |
Primary text (warm, reduced glare) |
Installation
From VS Code Marketplace (Recommended)
- Open VS Code
- Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
- Search for "Icon Group Theme"
- Click Install
- Go to File > Preferences > Colour Theme
- Choose your preferred variant:
- Icon Group Dark - Professional dark theme
- Icon Group Light - Clean light theme
From Command Palette
- Open Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
- Type "Preferences: Colour Theme"
- Select your preferred Icon Group theme variant
System Theme Support
The extension provides both light and dark variants that automatically follow your system preferences when using VS Code's "Auto" theme setting.
Manual Installation
- Download the
.vsix file from releases
- Open VS Code
- Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
- Click the three dots menu (...)
- Select "Install from VSIX..."
- Choose the downloaded file
Development
To build from source:
- Install VSCE:
npm install -g @vscode/vsce
- Package the extension:
vsce package
- Install the generated
.vsix in VS Code via Extensions > ... > Install from VSIX
Brand Guidelines Compliance
This theme follows the Icon Group Brand Guidelines:
- Uses approved primary and secondary colours from icongroup.global
- Maintains brand consistency across all UI elements
- Implements proper colour hierarchy and contrast ratios
- All text meets WCAG AA minimum contrast requirements
Supported Languages
The theme provides enhanced syntax highlighting for:
Microsoft Technologies:
- PowerShell (.ps1, .psm1, .psd1)
- Azure ARM Templates (.json)
- Azure DevOps YAML Pipelines
- Microsoft Graph API responses
Web Development:
- JavaScript/TypeScript
- JSON configuration files
- HTML/XML markup
- CSS/SCSS styling
Documentation and Configuration:
- Markdown (.md)
- YAML (.yml, .yaml)
- INI configuration files
- Log files
General Programming:
- Python (.py)
- C# (.cs)
- PHP (.php)
- SQL (.sql)
Contributing
We welcome contributions! To suggest improvements or report issues:
- Visit our GitHub repository
- Create an issue with detailed feedback
- Use the "theme" label for categorisation
- Follow our contribution guidelines
Requirements
- Visual Studio Code version 1.107.0 or higher
- No additional dependencies required
Updates
This extension is actively maintained. Check the changelog for the latest updates and improvements.
Licence
MIT Licence - See LICENSE file for full details.
About Icon Group
Icon Group is the largest dedicated cancer care provider in Australia and one of the top five in the world. With a comprehensive network of cancer centres, pharmacies, and research programs, Icon Group delivers world-class care across Australia, New Zealand, Singapore, and the wider Asia-Pacific region.
Learn more:
"Building a world-class platform to change the way cancer is treated."
-- Icon Group
