https://github.com/givensuman/colorblind-theme

Color-blind friendly syntax highlighting for VSCode
https://github.com/givensuman/colorblind-theme

blind color theme vscode

Last synced: about 1 year ago
JSON representation

Color-blind friendly syntax highlighting for VSCode

• Host: GitHub
• URL: https://github.com/givensuman/colorblind-theme
• Owner: givensuman
• License: other
• Created: 2021-03-18T15:08:43.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2024-03-16T18:17:21.000Z (about 2 years ago)
• Last Synced: 2025-03-30T03:31:29.605Z (about 1 year ago)
• Topics: blind, color, theme, vscode
• Language: Python
• Homepage: https://colorblind-theme.netlify.app
• Size: 43.1 MB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          




Colorblind Theme


![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/GivenSuman.colorblind-theme)

Colorblind friendly syntax highlighting for VSCode









A dark theme created with accessibility in mind. Designed to provide meaningful syntax highlighting for all types of developers, with a special focus on being friendly to colorblind individuals.

The theme is directly based on the work of [Paul Tol](https://personal.sron.nl/~pault/) in data visualization accessibility.

![code_screenshot](./assets/screenshot.png)

### How It's Made

This theme is generated from the 23-color "discrete rainbow scheme" for colorblind accessibility described [here](https://personal.sron.nl/~pault/). You can view the YAML of the color palette [here](./palette.yaml). Token stylizing and editor appearance directly mirror the VSCode Dark+ theme built into the IDE. The YAML for that color palette is [here](./make/base_palette.yaml), and the template JSON schema is [here](./make/base_template.json). A quick [Python script](./make/main.py) replaces tokens in the schema with a best-match from Paul Tol's design.

### Customizing

Individual colors for the theme can be changed in either [`palette.yaml`](./palette.yaml) for language tokens, or [`base_palette.yaml`](./make/base_palette.yaml) for editor/workbench colors.

The [`main.py`](./make/main.py) can be used to quickly generate a theme with an alternative base to VSCode's Dark+ theme. To do so, install a desired theme in VSCode, and use ctrl+shift+p to open the command palette. Search/select "Developer: Generate Color Scheme From Current Settings", and replace [`base_template.json`](./make/base_template.json) with the resulting file.

You may need to modify the Python code as necessary! Note that the template defines _how_ colors are applied, but you will need to manually pull out preferred color codes.