WCAG Themes for VS Code
Accessible, high-contrast color themes for Visual Studio Code that meet WCAG AAA standards. Perfect for developers who need excellent readability, reduced eye strain, and accessibility compliance.
Why WCAG Themes?
All themes exceed WCAG AAA guidelines with a minimum 8:1 contrast ratio for text and UI elements, ensuring maximum readability for all users including those with visual impairments. Choose from multiple color palettes to match your preference while maintaining accessibility.
Available Themes
Dark Themes
- WCAG Dark Theme - Classic dark theme with high contrast
- WCAG Black Theme - Pure black background for OLED displays and maximum contrast
- WCAG Blue Theme - Dark blue color palette for a cooler aesthetic
- WCAG Gray Theme - Neutral gray tones for balanced contrast
- WCAG Slate Theme - Sophisticated slate gray background
- WCAG Hacker Green Theme - Terminal-inspired green on black
- WCAG Midnight Contrast Theme - Deep midnight blue with vibrant accents
- WCAG Crimson Contrast Theme - Bold crimson and deep red tones
- WCAG Purple Theme - Deep purple background with lavender accents
- WCAG Amber Theme - Warm amber tones reminiscent of old terminals
- WCAG Forest Theme - Deep forest green with bright emerald highlights
- WCAG Sepia Theme - Warm brown tones, easy on the eyes
- WCAG Ocean Theme - Deep navy with aqua/teal accents
- WCAG Burgundy Theme - Sophisticated burgundy and wine tones
- WCAG Charcoal Theme - Almost black with silver/white highlights
- WCAG Indigo Theme - Deep indigo with bright blue/purple accents
- WCAG Solarized Dark Theme - WCAG-compliant version of the popular Solarized palette
- WCAG Nord Theme - WCAG-compliant cool blue-gray Nord-inspired palette
- WCAG Dracula Theme - WCAG-compliant version of the popular Dracula theme
Light Themes
- WCAG Light Theme - Clean light theme with high contrast
- WCAG Cream Theme - Soft cream background, warmer than pure white
- WCAG Sky Theme - Soft blue background like a clear sky
- WCAG Light Gray Theme - Subtle gray background instead of white
- WCAG Warm Light Theme - Slightly yellow-tinted for warmer feel
- WCAG Lavender Light Theme - Very pale purple background
- WCAG Mint Theme - Soft, pale green background
Key Features
- WCAG AAA Compliant - Exceeds accessibility standards with 8:1+ contrast ratios
- Syntax Highlighting - Clear, distinct colors for all code elements
- Reduced Eye Strain - Optimized for long coding sessions
- Multiple Color Palettes - Choose the aesthetic that works best for you
- Consistent UI - High contrast throughout the entire VS Code interface
Installation
- Open Extensions in VS Code (
Ctrl+Shift+X / ⌘+Shift+X)
- Search for "WCAG Themes"
- Click Install
- Select your preferred theme: File > Preferences > Color Theme (or Code > Preferences > Color Theme on Mac)
Keywords
accessibility, wcag, high contrast, dark theme, light theme, color theme, a11y, readable, contrast, AAA, visual impairment, eye strain, black theme, blue theme, green theme, crimson theme, midnight theme, slate theme, gray theme
Feedback
Submit suggestions or issues on GitHub.
License
MIT