Skip to content

WCAG compliant VS Code themes with 8:1 minimum contrast ratio, ideal for users with astigmatism and visual impairments.

License

Notifications You must be signed in to change notification settings

iCodeForBananas/wcag-themes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WCAG Themes for VS Code

A collection of WCAG compliant themes for Visual Studio Code that prioritize accessibility.

Features

  • WCAG Dark Theme: A dark theme that meets WCAG accessibility guidelines
  • WCAG Light Theme: A light theme that meets WCAG accessibility guidelines

Accessibility

These themes are designed with accessibility in mind, following the Web Content Accessibility Guidelines (WCAG) to ensure:

  • High color contrast with a minimum ratio of 8:1 for all text and UI elements (exceeding WCAG AAA requirements)
  • Clear visual distinctions between different code elements
  • Reduced eye strain during extended coding sessions
  • Improved readability for users with visual impairments

Installation

  1. Open Extensions sidebar panel in VS Code (Ctrl+Shift+X / ⌘+Shift+X)
  2. Search for WCAG Themes
  3. Click Install
  4. Select WCAG Dark Theme or WCAG Light Theme from the menu (File > Preferences > Color Theme or Code > Preferences > Color Theme)

Feedback

If you have suggestions or issues, please submit them to the GitHub repository.

License

MIT

About

WCAG compliant VS Code themes with 8:1 minimum contrast ratio, ideal for users with astigmatism and visual impairments.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published