This is a simple way to get a colorblindness-friendly theme for Visual Studio Code, built on the cucpake theme under Dobri Next.
This theme works well for most people. However, for people with Red-Blind/Protanopia or Green-Blind/Deuteranopia, the accent colours across types might not seem too different.
HOW TO INSTALL THIS THEME FOR VSCODE:
- Open VSCode.
- Install the Dobri Next - Themes and Icons Extension from here https://marketplace.visualstudio.com/items?itemName=sldobri.bunker.
- In VSCode, naviagate to
Extensions. - Click on
Dobri Next - Themes and Icons. This will open a new tab with various details about the extension. - In the Dobri Next tab, click
Set Color Theme. - Choose
Dobri Next-C03-Cupcake. - Go to
Settings. - In the search box, type "Token Color".
- Under
Editor: Token Color Customizations, click on the linkEdit in settings.json. - This will open your
settings.jsonfile, and create a new sectioneditor.tokenColorCustomizations: {}. - Delete this section, and instead copy and paste the contents of
visiblefilefrom this repository into yoursettings.jsonfile. Do not overwrite any other existing code insettings.json. - Save the
settings.jsonfile, and restart VSCode. - You can change colors in the
visiblefilesection of yoursettings.jsondepending on what works for you.
NOTE: Use https://www.color-blindness.com/coblis-color-blindness-simulator/ and https://www.toptal.com/designers/colorfilter to see what your theme looks like for people with visual difficulties.