Choice of Colors in Browser Coding Window in FreeCodeCamp Challenges for Accessibility for Color Blind

Challenge Name

All

Issue Description

A way to change the background color of the code window from black to white, and the default code color from white to black. I am color impaired and have trouble seeing red characters on a black background. I believe about 6% of all men have a similar condition.

In the screenshot below, I can make out the characters in red, but it is not easy. A white background with either black or colored text would make a big difference.

I know that as a workaround I can use an external editor and past the results in the code window, but that might be a little daunting for some absolute novices.

Browser Information

• Browser Name, Version: 50.0.2661.102 m
• Operating System: Windows 7 Professional Services Pack 1
• Mobile, Desktop, or Tablet: Desktop

Your Code

// If relevant, paste all of your challenge code in here

Screenshot

[erictleung]

@VincentDiCarlo thanks for the feedback. We strive to make the site as accessible as possible. The closest thing we have within the Free Code Camp site that might help is night mode. You can access this by typing g,t,n within the site. Let us know how that looks to you. Another solution is to look for extensions for your browser that enable color impaired friendly themes.

cc/ @FreeCodeCamp/issue-moderators

[kent37]

I also have trouble reading colored text on a black background. A high-contrast setting which keeps the black background would be just as hard to read.