Git Product home page Git Product logo

colorblind-theme's Introduction

logo

Colorblind Theme

Visual Studio Marketplace Downloads

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 in data visualization accessibility.

code_screenshot

How It's Made

This theme is generated from the 23-color "discrete rainbow scheme" for colorblind accessibility described here. You can view the YAML of the color palette here. Token stylizing and editor appearance directly mirror the VSCode Dark+ theme built into the IDE. The YAML for that color palette is here, and the template JSON schema is here. A quick Python script 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 for language tokens, or base_palette.yaml for editor/workbench colors.

The 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 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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.